ナビゲーションメニューは、ストアのヘッダーまたはフッターに配置され、顧客が必要な要素やページに迅速にアクセスできるようにするための機能です。たとえば、ナビゲーションメニューには、商品、カテゴリ、カスタムページ、外部リンクなどを配置することができます。この記事では、ナビゲーションメニューの設定方法について説明します。

ナビゲーションの種類

デフォルトメニュー

オンラインストアには、デフォルトで メインメニュー と フッターメニュー の2種類のナビゲーションメニューが用意されています。それぞれのメニューでは、項目の追加、削除、編集が可能です。

メインメニュー

メインメニューは、オンラインストアの全ページに表示されます。通常、ページ上部の横並びのアイテムまたはサイドカラムのリストとして表示されます。顧客はこのメニューを使用して、商品や「私たちについて」などのビジネス情報を検索できます。

メインメニューには、2つのデフォルトメニューアイテムがあります。

ホーム：ストアのトップページ。
カタログ：全商品の一覧ページ。

メインメニューの各項目からドロップダウンメニューを追加できます。ドロップダウンメニューは、メインメニューのサブメニューとして機能し、リスト形式で関連する項目を整理できます。これにより、ウェブページ、ブログ記事、ストアポリシー、商品、またはカテゴリをまとめて表示できます。

例えば、商品が多数ある場合、それらをコレクションとして整理し、メインメニューにドロップダウンメニューを設定すると、顧客が求めている商品を簡単に見つけられるようになります。

フッターメニュー

フッターメニューは、通常、ページ下部の横並びのアイテムとして表示されます。顧客はこのメニューを使用して、ストアポリシーや連絡先情報を検索できます。

メニュー項目を追加する

メニュー項目を以下のリンク先に設定できます。

ウェブページ
カテゴリ
商品
ブログまたはブログ記事
ストアポリシー
外部ウェブサイト
メールリンク

手順：

SHOPLINEの管理画面から、オンラインストア > ナビゲーション に移動します。
ナビゲーションメニュー ページで、編集するメニューのタイトルをクリックします。
＋サブメニューを追加 をクリックします。
メニューのタイトル に、メニュー項目の表示名を入力します。この名前はメニューに表示され、特殊文字や絵文字を含めることができます。

参照URL に、外部ウェブサイトのアドレスを入力するか、リンクタイプを選択します。

ホーム：オンラインストアのホームページ
商品カテゴリ：特定またはすべての商品のカテゴリ
商品：特定またはすべての商品
ページ：オンラインストアのウェブページ
ブログカテゴリ：オンラインストアのブログ
ブログ：オンラインストアのブログ投稿

ポリシー：ストアのポリシー

Notes:

商品カテゴリまたはすべての商品カテゴリを選択した場合、タグを使用して選択したカテゴリをフィルタリングし、入力したタグと一致する商品のみを表示できます。
リンクタイプを選択した場合は、特定のリンク先を選択します。ホーム を選択すると、自動的にオンラインストアのホームページに設定されます。
マルチレベルメニューを作成する場合、通常は各サブメニュー項目にリダイレクトリンクを設定できます。ただし、Seed テーマ では、リダイレクトリンクは最下層のメニュー項目にのみ設定可能です。

追加する をクリックしてメニューアイテムを保存します。
メニュー全体を更新するには、更新する をクリックします。

メニュー項目を編集する

SHOPLINEの管理画面から、オンラインストア > ナビゲーション に移動します。
項目を含むメニューのタイトルをクリックします。
メニューアイテムの編集 で、アイテムタイトルの横にある鉛筆アイコンをクリックして編集します。
必要な変更を加えます。
- メニュー項目名の変更：メニューのタイトル欄に新しい名前を入力します。
- リンク先の変更：参照URL欄に新しいリンク先を入力または選択します。
更新する をクリックして変更を保存します。
更新する をクリックしてメニュー全体を保存します。