{"product_id":"2026-03-14","title":"【Horizon】Shopifyのテーマ「Horizon」のデスクトップメニューで「メディアタイプ」設定によるサブメニュー表示の違い","description":"\u003cp\u003eHorizonテーマのデスクトップメニューでは、トップレベルのメニュー項目にカーソルを載せるとサブメニュー（メガメニュー）が展開されます。このサブメニューに表示される内容は、テーマエディタのメニューブロック内にある「メディアタイプ」設定で切り替えることができますが、選択肢の名前だけでは何がどう変わるのかわかりにくいため、ここで整理します。\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003ch3\u003e「メディアタイプ」の4つの選択肢\u003c\/h3\u003e\u003cp\u003e設定場所はテーマエディタ → ヘッダー → メニューブロック → サブメニューの特集 → メディアタイプです。選択肢は「なし」「コレクション画像」「特集商品」「特集コレクション」の4つ。「なし」はテキストリンクのみの表示なので、以下では画像が関わる3パターンの違いを解説します。\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003ch3\u003e3パターンの表示比較\u003c\/h3\u003e\u003cp\u003e以下は、同じナビゲーション構造（WOMEN → WOMEN-TOPS \/ WOMEN-BOTTOMS \/ WOMAN-ONEPIECE）でメディアタイプだけを変更した場合の比較です。\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003e\u003cimg alt=\"メディアタイプ設定による3パターンの表示比較。コレクション画像・おすすめ商品・おすすめコレクションのレイアウトと画像取得元の違いを図示\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-03-14_1.png?v=1773478315\" class=\"zoomable-image\" width=\"800\" height=\"1481\" style=\"aspect-ratio: 0.54;\"\u003e\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eコレクション画像\u003c\/strong\u003eは、テキストリンク一覧を表示せず、子メニューの各コレクション画像を横並びグリッドで表示するモードです。他の2つとはレイアウトが根本的に異なります。\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003e特集商品\u003c\/strong\u003eは、左にテキストリンク、右に商品カード（画像・商品名・価格）を表示します。ここで注意すべきなのは、商品の取得元が子メニューのコレクションではなく、トップレベル（親）のコレクションであるという点です。「WOMEN」にホバーした場合、表示されるのは\u003ccode\u003e\/collections\/women\u003c\/code\u003eの商品であり、子メニューの「WOMEN - TOPS」のコレクション商品ではありません。\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003e特集コレクション\u003c\/strong\u003eは、左にテキストリンク、右にコレクションカード（画像にコレクション名をオーバーレイ）を表示します。「特集商品」が親コレクションから商品を取り出すのに対し、こちらは親＋子のコレクション自体をカードとして表示します。\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003ch3\u003e画像が表示されない場合\u003c\/h3\u003e\u003cp\u003eいずれのモードも、メニューのリンク先がコレクション系（コレクション、カタログ、コレクション一覧）でない場合は画像を取得できず、自動的にテキストのみの表示にフォールバックします。ブログや固定ページ、外部URLへのリンクでは画像は表示されません。メディアタイプの機能を活かすには、ナビゲーションのリンク先をコレクションに設定してください。\u003c\/p\u003e\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":48425252258043,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-03-14.png?v=1773479667","url":"https:\/\/store-dojo.com\/products\/2026-03-14","provider":"STORE DOJO","version":"1.0","type":"link"}