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

Shopifyの⁨⁩テーマ「Dawn」のコレクションページにサブメニューを表示する設定例

Shopifyの⁨⁩テーマ「Dawn」のコレクションページにサブメニューを表示する設定例

用途

  • コレクション編集
詳細を表示する

Shopifyのコレクションページにサブメニューを持たせたい場合にメニュー構造をトレースして表示する方法を以前ご紹介(https://store-dojo.com/products/2023-06-01)しましたが、コレクションごとにテンプレートを用意する方がコレクションに合わせてスタイルを設定しやすいメリットがあります。


テーマ「Dawn」のコレクションページにサブメニューを表示する設定例


【設定方法①】サブメニュー用のメニューを新規作成


【設定方法②】デフォルトのコレクションテンプレートを複製してサブメニュー表示用のものを作成しカスタマイズLiquidセクションを追加してメニューを表示するコードを挿入


【設定方法③】サブメニューを表示したいコレクションのテーマテンプレートを複製してものに設定


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

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

サンプルコード

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

カスタマイズLiquidセクションを追加してメニューを表示するコードを挿入

関連ポスト