オンラインストアにドロップダウンメニューを設定する
ドロップダウンメニューを使用して、商品、コレクション、ページをグループ化し、顧客にとって使いやすいオンラインストアにすることができます。たとえば、多くの商品がある場合は、それらをコレクションに追加してから、メインメニューのドロップダウンメニューを使用してコレクションを整理することができます。これにより、探している商品タイプを顧客が見つけやすくなります。
ドロップダウンメニューやデフォルトメニューでメニュー項目を追加、削除、編集することもできます。
オンラインストアのメニューは、管理画面の [メニュー] ページで表示および変更できます。
ドロップダウンメニューを作成するメニュー項目のネスト化
メニュー項目を最上位項目の下にネストされるように作成または移動することで、ドロップダウンメニューを作成できます。最上位項目はオンラインストアのメインメニューに表示され、ネストされたメニュー項目はドロップダウンメニューに表示されます。最上位項目に、最大2層のドロップダウンメニューをネストさせることができます。
すべてのテーマで、メインメニューからドロップダウンメニューとしてネストされたアイテムが表示されます。一部のテーマでは、他のロケーションにドロップダウンメニューとしてネストされた項目が表示されます。
オンラインストアのメインメニューとドロップダウンメニューの外観とロケーションは、テーマによって異なります。一部のテーマでは、お客様がドロップダウンメニューを認識しやすいように、メインメニュー内のドロップダウンメニューの名前の横にアイコンが表示されます。
メインメニューからドロップダウンメニューを追加する
メインメニューのどのメニュー項目からでも、ドロップダウンメニューを追加できます。
手順:
デスクトップ
管理画面で [コンテンツ] > [メニュー] の順に移動します。
メインメニューの名前をクリックします。
ドロップダウンメニューのヘッダーとするメインメニュー項目のいずれかを選択するか、ヘッダーとする新しいメニュー項目を追加します。ヘッダーに何もリンクしない場合は、ヘッダーのメニュー項目 [検索またはリンクを貼り付ける] フィールドに「
#」を入力します。-
メニュー項目を追加してドロップダウンメニューに含めるには、以下を実行します。
- メニュー項目の追加をクリック
- [名前] フィールドに、メニュー項目の名前を入力します。
- [検索またはリンクを貼り付ける] フィールドに、メニュー項目のリンク先を入力または選択します。
[追加] をクリックし、メニュー項目をドラッグして、ヘッダーのメニュー項目の下にネストします。
メニューの保存をクリック
iPhone
- Shopifyアプリで [...] ボタンをタップします。
- [コンテンツ] > [メニュー] の順にタップします。
- メインメニューの名前をタップします。
- ドロップダウンメニューのヘッダーとするメインメニュー項目のいずれかを選択するか、ヘッダーとする新しいメニュー項目を追加します。ヘッダーに何もリンクしない場合は、ヘッダーのメニュー項目 [検索またはリンクを貼り付ける] フィールドに「
#」を入力します。 -
メニュー項目を追加してドロップダウンメニューに含めるには、以下を実行します。
- [メニュー 項目を追加する] をタップします。
- [名前] フィールドに、メニュー項目の名前を入力します。
- [検索またはリンクを貼り付ける] フィールドに、メニュー項目のリンク先を入力または選択します。
[追加] をタップし、メニュー項目をタップしてドラッグし、ヘッダーのメニュー項目の下にネストします。
[保存] をタップします。
Android
- Shopifyアプリで [☰] ボタンをタップします。
- [コンテンツ] > [メニュー] の順にタップします。
- メインメニューの名前をタップします。
- ドロップダウンメニューのヘッダーとするメインメニュー項目のいずれかを選択するか、ヘッダーとする新しいメニュー項目を追加します。ヘッダーに何もリンクしない場合は、ヘッダーのメニュー項目 [検索またはリンクを貼り付ける] フィールドに「
#」を入力します。 -
メニュー項目を追加してドロップダウンメニューに含めるには、以下を実行します。
- [メニュー 項目を追加する] をタップします。
- [名前] フィールドに、メニュー項目の名前を入力します。
- [検索またはリンクを貼り付ける] フィールドに、メニュー項目のリンク先を入力または選択します。
[追加] をタップし、メニュー項目をタップしてドラッグし、ヘッダーのメニュー項目の下にネストします。
[✓] をタップします。