メガメニューを作成するにはどうすればよいですか?

このテーマにはメガメニューのサポートが付属しており、この手順ではメニューのセットアップ方法を示します。

このページでは

メガメニューの外観
メガメニューの設定
メガメニューブロック設定

Conceptでは、次のようにコンテンツが列に配置されたメガメニューを作成できます。
メガメニューは、メニュー項目とプロモーションの 2 つの部分を組み合わせたものです。

まず、ネイティブの Shopify ナビゲーションを使用して、メニューを複数のレベルで設定する必要があります。複数のレベル (ドロップダウン) でメニューを作成する方法については、 Shopify の公式ドキュメントをご覧ください。以下は、最初のスクリーンショットのメガメニューに対応するメニュー構造の例です。
テーマ設定で、セクションリストのヘッダーをクリックし、メニュー設定に移動して、上で作成したメニューを選択します。
メガメニューの設定を続けるには、 [メガメニューの追加]をクリックしてメガメニューブロックを追加します。
- [メガメニュー]設定では、メガメニューを含むメニュー項目の名前を入力するだけです。 「メニュー項目」に入力した名前は、メニュー項目の名前と一致する必要があることに注意してください。以下は、ショップアイテム内にメガメニューが含まれている例です。
- でメニュー項目の設定では、オプションでさまざまなプロモーション用に最大 5 つの画像をアップロードできます。これらの画像はメガメニューのバナーに表示されます。
  以下は、5 つのプロモーションを含むコレクションメニューの例です。
- 詳細については、メガメニューのブロック設定を確認してください。

セクション設定	設定	説明
メガメニュー
	メニュー項目	メガメニューに含めるメニュー項目の名前を入力します。「メニュー項目」に入力した名前は、第 1 レベルのメニュー項目のいずれかの名前と一致する必要があることに注意してください。
	メガメニューの画像を表示する	ナビゲーションの第 2 レベルの項目が画像付きのコレクションにリンクしている場合、リンクのタイトルの上に画像が表示されます。以下に例を示します。ヘッドフォンの第 2 レベルのアイテム: これは、ヘッドフォンアイテムが画像のあるコレクションにリンクされているためです。
	ボタンラベル	ボタンのテキスト。ボタンを非表示にするには、ラベルを空白のままにします。
	ボタンリンク	ボタンの URL。
プロモーション
	画像	表示したい画像。
	画像比率	ブログ投稿画像の画像比率: 画像に適応(デフォルト) - 画像のアスペクト比を使用します。これにより、画像が切り取られるのを防ぎます。正方形- 画像を 1:1 の比率でトリミングします。ポートレート- 画像を 2:3 の比率にトリミングします。風景- 画像を 3:2 の比率にトリミングします。ワイド- 画像を 16:9 の比率にトリミングします。
	見出し	プロモーションのタイトル。
	サブテキスト	プロモーションの説明テキスト。
	画像にテキストをオーバーレイする	画像にテキストをオーバーレイするオプションを有効にします。このオプションが無効になっている場合、テキストは画像の下に表示されます。
	リンク	リンク先の URL。
	タグ	製品に関する追加情報を提供するために製品ページに表示されるカスタムテキスト。
	文字の色	テキストの色。
	オーバーレイのテキストの色	テキストのオーバーレイの色。テキストオーバーレイの不透明度は 0 ～ 100% で設定できます。