{"product_id":"2026-06-10","title":"【Horizon】ドロワーメニューを開いた時に現在ページの階層を自動展開し、選択中メニューを強調する方法","description":"\u003cp\u003eHorizonテーマのドロワーメニューは、階層が深いと現在地までもう一度たどり直す必要があり、回遊の手間になりがちです。この設定をすると、ドロワーを開いた瞬間に「いま見ているページの階層」が自動で開いた状態になり、さらに現在ページのメニュー項目がグレー背景で強調されます。Dawn版の実装方法は\u003ca href=\"\/products\/2023-05-30\"\u003eこちら\u003c\/a\u003e。\u003c\/p\u003e\n\u003cp\u003eテーマファイル（header-drawer.liquid 等）は一切編集せず、フッターグループにカスタムLiquidセクションを追加してコードを貼るだけで実装できます。トップのスライドパネルと、パネル内のアコーディオン（3階層目）の両方に対応しています。\u003c\/p\u003e\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\u003ch3\u003e完成イメージ\u003c\/h3\u003e\n\u003cvideo controls=\"controls\" style=\"max-width: 100%; height: auto;\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/4d4ec25c75e648468175d2e868e7e6b3\/4d4ec25c75e648468175d2e868e7e6b3.HD-720p-1.6Mbps-86175115.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cp\u003e\u003cimg alt=\"ドロワーを開くと現在ページの階層が自動表示される様子\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-06-10_1.png?v=1781088628\" class=\"zoomable-image\" style=\"max-width:100%;height:auto;\"\u003e\u003c\/p\u003e\n\u003ch3\u003e設定手順\u003c\/h3\u003e\n\u003cp\u003e◆カスタムLiquidセクションを追加\u003cbr\u003e・テーマエディタを開き、フッターグループに「カスタムLiquid」セクションを追加します。\u003cbr\u003e・追加したセクションのLiquidコード欄に、本TIPSのコードを貼り付けて保存します。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"フッターグループにカスタムLiquidセクションを追加してコードを挿入\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-06-10_2.png?v=1781088628\" class=\"zoomable-image\" style=\"max-width:100%;height:auto;\"\u003e\u003c\/p\u003e\n\u003cp\u003e◆ポイント\u003cbr\u003e・現在ページの判定は、Shopify が自動で付与するマーカー（現在ページ・親階層）を利用するため、メニュー構成を変更しても自動で追従します。\u003cbr\u003e・現在ページの強調表示はコードを入れるだけで常に有効です。手動でメニューを辿った場合も、いまどこを見ているかが一目で分かります。\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":48961760461051,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-06-10.png?v=1781088632","url":"https:\/\/store-dojo.com\/products\/2026-06-10","provider":"STORE DOJO","version":"1.0","type":"link"}