ナビゲーションメニューの設定方法

ストアのヘッダーまたはフッターに配置されたナビゲーションメニューは、顧客がパーツを素早く見つけたり、必要なページに移動したりするのに役立ちます。例えば、ナビゲーションメニューには商品、カテゴリ、カスタムページ、外部リンクなどを配置できます。ナビゲーションメニューの設定方法について学びましょう。

ナビゲーションの種類

デフォルトメニュー

各オンラインストアのページには、プライマリメニューとフッターメニューの2つのデフォルトメニューがあります。オンラインストアのデフォルトメニューでは、メニュー項目の追加、削除、編集が可能です。

プライマリメニュー

プライマリメニューはオンラインストアのすべてのページに表示されます。通常、タイトルの幅に沿って項目が並ぶか、サイドの列に項目のリストとして表示されます。顧客はプライマリメニューを見て、商品やビジネス情報（例えば会社概要ページ）を検索します。

プライマリメニューには2つのデフォルトメニュー項目があります：

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

プライマリメニューの任意のメニュー項目からドロップダウンメニューを追加できます。ドロップダウンメニューはプライマリメニューのサブメニューで、通常はプライマリメニュー項目に連結された項目のリストとして表示されます。ドロップダウンメニューは、ウェブページ、ブログ投稿、ストアポリシー、商品、カテゴリなど、類似の項目を整理するのに適しています。例えば、多くの商品がある場合、それらをカテゴリにまとめて、プライマリメニューのドロップダウンメニューでカテゴリを整理すると良いでしょう。これにより、顧客が探している商品タイプを見つけやすくなります。

フッターメニュー

フッターメニューは通常、タイトルの幅に沿って項目が並びます。顧客はフッターメニューを見て、ストアポリシーや連絡先情報を検索します。

メニュー項目の追加

以下のリンク先としてメニュー項目を追加できます：

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

手順：

1. SHOPLINE管理画面から、オンラインストア > ナビゲーションに移動します。
   
2. ナビゲーションメニューページで、編集するメニューのタイトルをクリックします。
3. ＋サブメニューを追加をクリックします。
   
4. メニュー項目タイトルの下に、メニュー項目の表示名を入力します。名前はメニューに表示され、特殊文字や絵文字を含めることができます。
   
5. リファラURLに、外部ウェブサイトのアドレスを入力するか、リンクタイプを選択します:
   • ホーム：あなたのオンラインストアのホームページ
   • 商品カテゴリ：特定またはすべての商品カテゴリ
   • 商品：特定またはすべての商品
   • ページ：あなたのオンラインストアのウェブページ
   • ブログカテゴリ：あなたのオンラインストアのブログ
   • ブログ：あなたのオンラインストアのブログ投稿

   • ポリシー：あなたのストアポリシー

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

6. 追加をクリックしてメニュー項目を保存します。
7. 更新をクリックしてメニュー全体を更新します。

メニュー項目の編集

1. SHOPLINE管理画面で、オンラインストア > ナビゲーション に移動します。
2. 項目を含むメニューのタイトルをクリックします。
3. メニュー項目の編集で、編集したい項目タイトルの横にある鉛筆アイコンをクリックします。
   
4. 変更を行います:
   • メニュー項目の名前を変更するには、メニュー項目タイトルの下に名前を入力してください。
   • メニュー項目のリンク先を変更するには、リファラルURLの下に新しいURLを入力または選択してください。
5. 更新をクリックします。
6. メニュー全体を更新するには、更新をクリックします。

メニューの順序と階層の管理

6つの点のコントロールをドラッグ＆ドロップして、メニュー項目の順序を並べ替えることができます。

さらにメニュー項目を階層化するには、左矢印または右矢印アイコンを使ってメニュー項目を上位または下位の階層に移動できます。矢印アイコンはメニュー項目にカーソルを合わせると自動的に表示されます。

メニュー項目の削除

メニュー項目を削除すると、オンラインストアのナビゲーションからその項目が削除されます。ドロップダウンメニュー内にネストされた項目があるメニュー項目を削除すると、ネストされた項目も同時に削除され、ドロップダウンメニュー自体もオンラインストアのナビゲーションから削除されます。

手順：

1. SHOPLINE管理画面で、オンラインストア > ナビゲーション に移動します。
    
2. 削除したいメニュー項目の横にあるゴミ箱アイコンをクリックします。
   
    
3. 削除を確定するには、確認をクリックします。
    
4. メニュー全体を更新するには、更新をクリックします。

ストアフロントでのメニュー表示

ナビゲーションメニューの追加や編集が完了したら、オンラインストア > デザイン に移動します。 マイテーマ タブで、デザイン をクリックして編集ページに入ります。 ここで、ヘッダー または フッター セクションで現在のメニューを別のメニューに置き換えることができます。