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

Shopifyのテーマ「Dawn」のメニューにコレクション商品数を表示する設定例

Shopifyのテーマ「Dawn」のメニューにコレクション商品数を表示する設定例

用途

  • メニュー編集

実装方法

  • HTML/CSS
詳細を表示する

Shopifyのテーマ「Dawn」のヘッダー(ドロワー)メニューに設定したコレクションページリンクに、そのコレクション内の商品数を表示する方法の例です。



【設定方法】各メニュー用ファイル「header-dropdown-menu.liquid」「header-mega-menu.liquid」「header-drawer.liquid」のメニュー名を表示するコードの隣にコードを挿入


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

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

サンプルコード

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

親メニュー要素「link」

子メニュー要素「childlink」

孫メニュー要素「grandchildlink」

関連ポスト

すべてのShopify TIPS