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

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

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

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

メモ

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

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

メニュー項目を作成または移動して、最上位アイテムの下に「ネスト」されるようにドロップダウンメニューを作成できます。最上位アイテムはオンラインストアのメインメニューに表示され、サブメニューの項目はドロップダウンメニューに表示されます。最上位アイテムは、最大2つのレベルのネストされたドロップダウンメニューを持つことができます。

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

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

メモ

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

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

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

手順:

デスクトップ

1. 管理画面から、オンラインストア > メニューに移動します。

iPhone

1. Shopifyアプリから [ストア] をタップします。

2. [販売チャネル] セクションで、[オンラインストア] をタップします。

3. [メニュー] をタップします。

Android

1. Shopifyアプリから [ストア] をタップします。

2. [販売チャネル] セクションで、[オンラインストア] をタップします。

3. [メニュー] をタップします。

1. メインメニューの名前をクリックします。

2. ドロップダウンメニューのヘッダーになるメニュー項目の1つを選択するか、ヘッダーになる新しいメニュー項目を追加します。何もヘッダーにリンクさせたくない場合は、メニュー項目を追加する際、リンクフィールドに # と入力します。

3. 新しいドロップダウンメニューにメニュー項目を追加します。[メニュー項目を追加] をクリックし、メニュー項目の名前を入力し、リンク先を入力または選択します。

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

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

メモ

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