商品情報にスキップ
1 1
公開日:2023.06.15

Shopifyのテーマ「Dawn」でヘッダー・フッターを持たないページを作成する方法

Shopifyのテーマ「Dawn」でヘッダー・フッターを持たないページを作成する方法

用途

  • ページ編集

実装方法

  • Javascript
  • HTML/CSS
詳細を表示する

Shopifyでランディングページを作る際など、デフォルトのヘッダーやフッターが無いページを作成したい時があります。 基本的にはPageFlyなどビルダーアプリをオススメしていますが、アプリを使わずに実装したい時は少々無理矢理ですが、このような方法で非表示にすることがあります。

テーマ「Dawn」でヘッダー・フッターを持たないページを作成する方法


【手順①】「main-page.liquid」にschemeを、「ja.schema.json」にラベルを追加、【手順②】「main-page.liquid」に以下のコードを追加


【手順③】「デフォルトのページ」テンプレートをベースにページテンプレートを新規作成、【手順④】新規作成したテンプレートでページセクションの設定で「ヘッダー・フッターを隠す」の項目をオンにする、【手順⑤】ヘッダー・フッターを非表示にしたいページを作成しテーマテンプレートに新規作成したものを設定


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

【手順①】「main-page.liquid」にschemeを追加


「ja.schema.json」にラベルを追加


【手順②】「main-page.liquid」に以下のコードを追加