オンラインストアにドロップダウンメニューを設定する

ドロップダウンメニューを使用して、商品、コレクション、ページをグループ化し、顧客にとって使いやすいオンラインストアにすることができます。たとえば、多くの商品がある場合は、それらをコレクションに追加してから、メインメニューのドロップダウンメニューを使用してコレクションを整理することができます。これにより、探している商品タイプを顧客が見つけやすくなります。

ドロップダウンメニューやオンラインストアのデフォルトメニューでメニュー項目を追加、削除、編集することもできます。

メモ

フッターメニューには、トップレベルの項目のみを表示できます。オンラインストアのフッターでは、ドロップダウンメニューを使用することはできません。

管理画面のメニューページから、オンラインストアのナビゲーションを確認して変更できます。

メモ

通常、項目にリンクする前に項目を作成する必要があります。たとえば、コレクションをメニューに追加する前にコレクションを作成する必要があります。

ドロップダウンメニューを作成するメニュー項目のネスト化

メニュー項目を最上位項目の下にネストされるように作成または移動することで、ドロップダウンメニューを作成できます。最上位項目はオンラインストアのメインメニューに表示され、ネストされたメニュー項目はドロップダウンメニューに表示されます。

最上位項目に、最大2層のドロップダウンメニューをネストさせることができます。

すべてのテーマで、メインメニューからドロップダウンメニューとしてネストされたアイテムが表示されます。一部のテーマでは、他のロケーションにドロップダウンメニューとしてネストされた項目が表示されます。

オンラインストアのメインメニューとドロップダウンメニューの外観とロケーションは、テーマによって異なります。一部のテーマでは、お客様がドロップダウンメニューを認識しやすいように、メインメニュー内のドロップダウンメニューの名前の横にアイコンが表示されます。

メモ

オンラインストアの3つのメニューレベルすべてが表示されるよう、必ずテーマを更新してください。

メインメニューのどのメニュー項目からでも、ドロップダウンメニューを追加できます。

メインメニューからドロップダウンメニューを追加する

手順:

デスクトップ

1. 管理画面から [オンラインストア] > [メニュー] に移動します。
2. メインメニューの名前をクリックします。
3. ドロップダウンメニューのヘッダーとするメインメニュー項目のいずれかを選択するか、ヘッダーとする新しいメニュー項目を追加します。ヘッダーに何もリンクしない場合は、ヘッダーのメニュー項目 [検索またはリンクを貼り付ける] フィールドに「#」を入力します。

4. メニュー項目を追加してドロップダウンメニューに含めるには、以下を実行します。

   1. メニュー項目の追加をクリック
   2. [名前] フィールドに、メニュー項目の名前を入力します。
   3. [検索またはリンクを貼り付ける] フィールドに、メニュー項目のリンク先を入力または選択します。

5. [追加] をクリックし、メニュー項目をドラッグして、ヘッダーのメニュー項目の下にネストします。

6. メニューの保存をクリック

iPhone

1. Shopifyアプリで [...] ボタンをタップします。
2. 販売チャネルセクションで、[オンラインストア] をタップします。
3. [メニュー] をタップします。
4. メインメニューの名前をタップします。
5. ドロップダウンメニューのヘッダーとするメインメニュー項目のいずれかを選択するか、ヘッダーとする新しいメニュー項目を追加します。ヘッダーに何もリンクしない場合は、ヘッダーのメニュー項目 [検索またはリンクを貼り付ける] フィールドに「#」を入力します。

6. メニュー項目を追加してドロップダウンメニューに含めるには、以下を実行します。

   1. [メニュー 項目を追加する] をタップします。
   2. [名前] フィールドに、メニュー項目の名前を入力します。
   3. [検索またはリンクを貼り付ける] フィールドに、メニュー項目のリンク先を入力または選択します。

7. [追加] をタップし、メニュー項目をタップしてドラッグし、ヘッダーのメニュー項目の下にネストします。

8. [保存] をタップします。

Android

1. Shopifyアプリで [☰] ボタンをタップします。
2. 販売チャネルセクションで、[オンラインストア] をタップします。
3. [メニュー] をタップします。
4. メインメニューの名前をタップします。
5. ドロップダウンメニューのヘッダーとするメインメニュー項目のいずれかを選択するか、ヘッダーとする新しいメニュー項目を追加します。ヘッダーに何もリンクしない場合は、ヘッダーのメニュー項目 [検索またはリンクを貼り付ける] フィールドに「#」を入力します。

6. メニュー項目を追加してドロップダウンメニューに含めるには、以下を実行します。

   1. [メニュー 項目を追加する] をタップします。
   2. [名前] フィールドに、メニュー項目の名前を入力します。
   3. [検索またはリンクを貼り付ける] フィールドに、メニュー項目のリンク先を入力または選択します。

7. [追加] をタップし、メニュー項目をタップしてドラッグし、ヘッダーのメニュー項目の下にネストします。

8. [✓] をタップします。

メモ

テーマの [ヘッダー] セクションの設定を編集することにより、ほとんどのテーマのデフォルトのメインメニューを変更できます。