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

Shopifyのテーマ「Dawn」でログインユーザーには専用のメニューを表示する設定例

Shopifyのテーマ「Dawn」でログインユーザーには専用のメニューを表示する設定例

用途

  • メニュー編集

実装方法

  • LIQUID
詳細を表示する

Shopifyで、ログインユーザーに専用のメニューを表示したいという相談をいただく事があります。テーマエディタから会員専用メニューを指定できるようにし、ログイン状態に応じて表示を切り分けるための設定例です。これはDawnでの実装方法ですが、他のテーマにももちろん応用可能です。


テーマ「Dawn」でログインユーザーには専用のメニューを表示する設定例


設定手順①:「header.liquid」にschemeを、「ja.schema.json」にラベルを追加


設定手順②:「header-dropdown-menu.liquid」「header-mega-menu.liquid」「header-drawer.liquid」の“section.settings.menu.links”の箇所を差し替え


設定手順③:会員専用のメニューを作成して、テーマエディタでhandle名を指定


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

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

サンプルコード

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

「header.liquid」にschemeを追加


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


「header-dropdown-menu.liquid」「header-mega-menu.liquid」「header-drawer.liquid」の “section.settings.menu.links”の箇所を差し替え