{"product_id":"2026-06-14","title":"【Horizon】メインメニューから同一階層を移動できるサブメニューを自動生成する方法","description":"\u003cp\u003e\u003cspan\u003eShopifyのグローバルメニューを第2、第3階層まで設定していると、同じ階層内を移動するだけでも毎回メニューを開き直す必要があり、少々面倒です。そこでテーマ「Horizon」で、メインメニューの構造に合わせて同一階層を移動しやすくするサブメニューを自動表示する方法です。\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3\u003eテーマ「Horizon」で、同一階層を移動できるメニューをメインメニューから自動で生成する方法\u003c\/h3\u003e\n\u003cvideo controls=\"controls\" style=\"max-width: 100%; height: auto;\"\u003e\n\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/2378723a152f4ceb884f4b28f7908350\/2378723a152f4ceb884f4b28f7908350.HD-720p-1.6Mbps-86458381.mp4\" type=\"video\/mp4\"\u003e\nYour browser does not support our video.\n\u003c\/source\u003e\u003c\/video\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"完成イメージ：同一階層メニュー\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-06-14_1.png?v=1781358718\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e【設定手順】ヘッダーグループにカスタムLiquidセクションを追加してコードを挿入\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"設定手順：ヘッダーにカスタムLiquidセクションを追加\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-06-14_2.png?v=1781358723\" class=\"zoomable-image\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eHorizonではヘッダーが「セクショングループ」になっています。テーマエディタの「ヘッダー」エリアで「セクションを追加」から「カスタムLiquid」を選び、購入特典のコードを貼り付けてください。これだけで全ページのヘッダー直下に、いま見ているページと同じ階層の兄弟リンクが横並びのサブメニューとして表示されます。\u003c\/p\u003e\n\u003cp\u003eこのコードはDawn版とほぼ共通で、実質的な変更点はCSSの外側セレクタ1か所だけです。Horizonではセクションのラッパー要素が section ではなく div（.shopify-section）になるため、section:has(...) を .shopify-section:has(...) に置き換えています。これにより「サブメニューがあるページだけ表示し、それ以外のページでは非表示にする」という元の仕組みがそのまま機能します。\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eDawnテーマ版のTIPSはこちら： \u003ca href=\"\/products\/2023-06-01\"\u003e同一階層を移動できるメニューをメインメニューから自動生成する方法（Dawn）\u003c\/a\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":48973803094267,"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-14.png?v=1781359143","url":"https:\/\/store-dojo.com\/products\/2026-06-14","provider":"STORE DOJO","version":"1.0","type":"link"}