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

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

ナビゲーションの種類

デフォルトメニュー

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

プライマリメニュー

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

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

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

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

フッターメニュー

フッターメニューは通常、タイトルの幅に沿って項目が並びます。顧客はストアポリシーや連絡先情報を探すためにフッターメニューを見ることがあります。

メニュー項目の追加

以下にリンクするメニュー項目を追加できます：

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

手順：

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

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

     注意： 商品シリーズまたはすべての商品シリーズを選択した場合、タグを使用して選択したシリーズをフィルタリングし、入力したすべてのタグに一致する商品のみを表示できます。 リンクタイプを選択した場合は、特定のターゲットを選択してください。ホームを選択すると、自動的にオンラインストアのホームページがターゲットに設定されます。

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

メニュー項目の修正

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

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

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

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

メニュー項目の削除

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

手順：

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

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

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

よくある質問

Q: SHOPLINE管理画面でメニューを更新したのに、テーマエディターやストアフロントに変更が反映されません。なぜですか？

A: まず、ご利用のメニューの種類を確認してください：

• デフォルトメニュー（ネイティブ） ：SHOPLINE管理画面のナビゲーションで編集を行ってください。保存後、変更は即時反映されます。
• メガメニュー（インストールおよび有効化済み）：管理画面のナビゲーション設定はメガメニューアプリの内容には影響しません。メガメニューアプリ内でメニューを編集する必要があります。変更は保存後にのみストアフロントに反映されます。

メニューの種類を確認する方法：

1. SHOPLINE管理画面のアプリに移動し、メガメニューアプリがインストールされているか確認します。 
2. インストールされている場合、アプリが有効かどうかを確認します：
   • 有効であれば、メガメニューを使用しています。
   • 無効であれば、デフォルトメニューを使用しています。