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

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

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

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

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

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

管理画面のオンラインストア > ナビゲーションセクションで、最上位アイテムと2つのレベルのサブメニューを表示する画像

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

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

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

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

手順:

  1. メインメニューのタイトルをクリックします。

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

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

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

    メニュー項目を右にドラッグして別のメニュー項目の下にネストするアニメーション

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

Shopifyで販売を開始する準備はできていますか?

無料体験を試す