Horizonテーマのドロワーメニューは、階層が深いと現在地までもう一度たどり直す必要があり、回遊の手間になりがちです。この設定をすると、ドロワーを開いた瞬間に「いま見ているページの階層」が自動で開いた状態になり、さらに現在ページのメニュー項目がグレー背景で強調されます。Dawn版の実装方法はこちら。
テーマファイル(header-drawer.liquid 等)は一切編集せず、フッターグループにカスタムLiquidセクションを追加してコードを貼るだけで実装できます。トップのスライドパネルと、パネル内のアコーディオン(3階層目)の両方に対応しています。
完成イメージ

設定手順
◆カスタムLiquidセクションを追加
・テーマエディタを開き、フッターグループに「カスタムLiquid」セクションを追加します。
・追加したセクションのLiquidコード欄に、本TIPSのコードを貼り付けて保存します。

◆ポイント
・現在ページの判定は、Shopify が自動で付与するマーカー(現在ページ・親階層)を利用するため、メニュー構成を変更しても自動で追従します。
・現在ページの強調表示はコードを入れるだけで常に有効です。手動でメニューを辿った場合も、いまどこを見ているかが一目で分かります。
