メニューの概要

オンラインストアを設定する際は、お客様が商品やビジネスに関する情報を見つけやすくする方法について検討します。これは、オンラインストアのメニューやその設定方法を決定するのに役立ちます。

このページの内容

デフォルトメニュー

オンラインストアには、すべてのページに表示されるメインメニューとフッターメニューという2つのデフォルトメニューがあります。オンラインストアのデフォルトメニューでは、メニュー項目を追加、削除、編集することができます。

お客様アカウントを使用している場合、ストアにはお客様アカウントのメインメニューもデフォルトで表示されます。

オンラインストアのデフォルトメニューでは、メニュー項目を追加、削除、編集することができます。すべてのメニューには、商品、コレクション、ウェブページ、ブログ記事、お客様アカウントページなどのオンラインページや、他のウェブサイトへのリンクを含めることができます。メインメニューとお客様アカウントメニュー内にドロップダウンメニューを作成することもできます。

メインメニュー

メインメニューは、オンラインストアのすべてのページに表示されます。通常、メインメニューはヘッダーの幅全体に項目として表示されるか、サイドバーに項目リストとして表示されます。お客様はメインメニューを利用して、「会社概要」ページなどの商品やビジネスに関する情報を見つけることができます。

メインメニューには、以下の2つのデフォルトメニュー項目があります。

ホーム：オンラインストアのメインページ
カタログ：すべての商品を表示するページ

フッターメニュー

通常、フッターメニューはフッターの幅全体に項目として表示されます。お客様はフッターメニューを利用して、ストアのポリシーや連絡先情報を見つけることができます。

お客様アカウントメニュー

お客様アカウントのメインメニューは、オンラインストアだけでなく、モバイルアプリなどのお客様アカウントのヘッダーを使用するあらゆる場所に表示されます。お客様アカウントメニューのカスタマイズについて、詳しくはこちらをご覧ください。

その他のメニュー

ストアのテーマによっては、テーマの [ヘッダー] セクションで設定を編集して、新しいメニューを追加できる場合があります。テーマ設定の編集で新しいメニューを追加できないテーマの場合は、テーマコードをカスタマイズして新しいメニューを追加することができます。あるいは、Shopify パートナーを雇って変更を依頼することもできます。 Shopify パートナーの雇用に関する詳細はこちら。

テーマごとにデザインが異なるため、メニューの表示はテーマによって異なる場合があります。

デモを見るには、Shopify テーマストアでいずれかのテーマに移動して、[デモを見る] をクリックします。

メニューに関する問題のトラブルシューティング

メニューの問題は、複数の要因によって発生する可能性があります。管理画面とテーマの以下の項目を確認し、メニューが正しく設定されていて、互換性の問題がないことを確かめてください。

メニュー項目を確認して、リンクとリンクの種類が正しいことを確かめます。
リンクが正しく設定されていることを確認します。サブメニューにリンクしている場合は、リンクの種類を調整するか、不要なネストを削除する必要がある場合があります。
作成しようとしている種類のメニューがテーマで許可されていることを確認します。たとえば、複数階層のドロップダウンメニューを作成している場合、テーマがそのメニューの種類に対応している必要があります。
テーマ設定を確認し、正しいメニューがリンクされていることを確かめます。
テーマにメニューの問題を引き起こしているカスタムコードがないことを確認します。コードが競合を引き起こしているかどうかをテストするために、テーマコードを元に戻すことができます。
アプリを確認し、アプリ内のメニューによってストアのメニューが上書きされていないことを確かめます。

メニューに関する一般的な問題

メニューの変更がストアフロントに表示されない

管理画面でのメニューの変更がストアフロントに表示されない場合は、以下の項目を確認してください。

テーマのメニュー設定：テーマで正しいメニューが使用されていることを確認します。[ヘッダー] セクションと [フッター] セクションでテーマ設定を確認し、選択したメニューが編集中のメニューと一致することを確認します。
メニューアプリ：メニューアプリ (「メガメニュー」アプリなど) は、管理画面のメニュー設定を使用する代わりに、アプリ内でメニューを作成します。メニューアプリをインストールしている場合は、アプリの設定を更新するか、アプリをアンインストールしてデフォルトのメニューを使用します。
古いメニュー構造：ネストされたメニューが利用可能になる前に作成されたストアでは、メニューの再構築が必要になる場合があります。個別のメニューにリンクするのではなく、現在のネスト形式を使用してメニューを再作成することを検討してください。

テーマの互換性の問題

テーマが複数階層のメニューに対応していない

一部の古いバージョンのテーマでは、複数階層 (3 階層以上) のドロップダウンメニューに対応していません。ネストされたメニューが正しく表示されない場合は、テーマの更新が必要な場合があります。すべての Online Store 2.0 テーマは複数階層のメニューに対応していますが、古いセクション対応のテーマでは、複数のメニュー階層に対応するために更新が必要になる場合があります。