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

Shopifyのテーマ「Dawn」でコレクションページの途中にコンテンツを表示する方法

Shopifyのテーマ「Dawn」でコレクションページの途中にコンテンツを表示する方法

用途

  • コレクション編集

実装方法

  • LIQUID
詳細を表示する

Shopifyのコレクション(商品一覧)ページですが、ヘッダーとは別に途中でバナーなどのコンテンツを差し込み表示したいというリクエストを頂くことがあります。そこで、テーマ「Dawn」を使った設定例です。

テーマ「Dawn」でコレクションページの途中にコンテンツを表示する方法


【設定手順①】「main-collection-product-grid.liquid」にschemeを、「ja.schema.json」にラベルを追加


【設定手順②】「main-collection-product-grid.liquid」にコードを追加


【運用手順】liquidのコンテンツを設定し、表示位置を調整


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

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

サンプルコード

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

main-collection-product-grid.liquidのscheme

関連ポスト