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

Shopifyのテーマ「Dawn」でドロワーメニューを開いた時に現在表示しているページの階層に予めセットしておく方法

Shopifyのテーマ「Dawn」でドロワーメニューを開いた時に現在表示しているページの階層に予めセットしておく方法

用途

  • 商品情報管理・編集

実装方法

  • LIQUID
  • Javascript
詳細を表示する

Shopifyではスマホ用メニューは毎回上からたどる必要があり、階層が深いと行き来するのが少々面倒です。そこで、メニューを開いた直後からその階層を表示させておけば遷移がかなりスムーズになります。他テーマでは方法が異なりますが、テーマDawnでの実装例です。


テーマ「Dawn」でドロワーメニューを開いた時に現在表示しているページの階層に予めセットしておく方法



【設定手順①】ヘッダー(フッターでもOK)にカスタマイズされたLiquidセクションを追加してコードを挿入


【設定手順②】「snippets/header-drawer.liquid」のコードを編集


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

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

サンプルコード

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

ヘッダー(フッターでもOK)にカスタマイズされたLiquidセクションを追加してコードを挿入

関連ポスト