ナビゲーションを設定することで、ページ、商品カテゴリ、ブログページ、外部リンクなど、ストア内のピックアップコンテンツをナビゲーションに配置できます。これにより、顧客が興味のあるページへより便利ですばやくアクセスできるようになります。
本記事では、以下の内容についてご説明します。
１、基本ナビゲーションの管理
ストアのヘッダーに表示されるメインナビゲーションには、次の項目を追加できます。
| ページ | 作成済みのページを表示します。詳しくは、ストアページの管理をご覧ください。 |
| 商品カテゴリ | 対象カテゴリの商品を表示します。詳しくは、商品カテゴリの設定をご覧ください。 |
| ブログ記事 |
作成済みのブログ記事を表示します。詳しくは、以下の記事をご覧ください。 |
|
ブログカテゴリ |
作成済みのブログ記事のカテゴリを表示します。詳しくは、記事カテゴリの設定方法｜ブログをご覧ください。 |
| 外部リンク | Facebook ページなど、外部サイトへ移動するリンクを表示します。 |
| プロモーションページ | ストアのプロモーションページを表示します。詳しくは、プロモーションページの設定をご覧ください。 |
ご注意：
- ソーシャルコマースプランでは、ナビゲーション項目の追加・削除には対応していません。既定のナビゲーション項目のみ編集できます。
- メインナビゲーションの表示方法や位置は、ストアのテンプレートによって異なる場合があります。
SHOPLINE の管理画面で、「ストアデザイン ＞ ナビゲーション ＞ 基本ナビゲーション」を開き、「編集」をクリックします。
1. ドラッグしてナビゲーション項目の表示順を変更する
「 」アイコンをドラッグすると、ナビゲーション項目の表示順を変更できます。
2. ナビゲーション項目を追加する
「追加」をクリックすると、新しいナビゲーション項目を作成できます。追加できる項目は、ページ、商品カテゴリ、ブログ記事、 ブログカテゴリ、外部リンク、プロモーションページです。
２、ナビゲーションの階層
ナビゲーションには第 2 階層を設定し、より多くの項目を表示できます。
ナビゲーション項目の階層を変更する
ナビゲーション項目の左側にある をクリックすると、その項目が直前の項目の下位階層に移動します。操作例は次のとおりです。
第2階層の項目を第1階層に戻すには、 をクリックします。
３、第 3 階層のナビゲーション
ナビゲーションに第 3 階層を設定すると、さらに多くの項目を表示できます。
ご注意：この機能は、Ultra Chic、Kingsman、Doris Bien、Bianco、Sangria、Skya、Varm、Philia、および今後提供される新しいテンプレートで利用できます。
STEP 1. ストアのプランを確認する
管理画面右上の「こんにちは、OOO ＞ サブスクリプション履歴」を開き、ストアのプランと機能モジュールを確認します。
下の画像のように「ストア開設プラン」と「機能モジュール」が表示される場合は、「e-Commerce／ソーシャルコマース」プランを利用しているか確認してください。利用している場合は、STEP 3 に進みます。
下の画像のように「プラン」にベーシック、アドバンス、プレミアム、O2O、エンタープライズのいずれかが表示される場合は、O2O またはエンタープライズのプランを利用しているか確認してください。利用している場合は、STEP 2 に進みます。
STEP 2. 拡張機能をインストールする
管理画面左側のサイドバーから「拡張機能 ＞ 拡張機能ストア」を開き、「3 階層ナビゲーション」をインストールします。
STEP 3. 第 3 階層のナビゲーションを設定する
インストール後、「ストアデザイン ＞ ナビゲーション」を開くと、第 2 階層のナビゲーション項目に右向きの矢印が表示されます。矢印をクリックするか、項目をドラッグすると、第 3 階層に移動できます。
４、ナビゲーションの位置
ナビゲーションの位置や配置を変更する手順については、お知らせバー、ヘッダー設定｜SHOP Builderをご参照ください。
＊ご注意：ナビゲーションの位置は、SHOP Builder で変更してください。
関連記事
最終更新日：2026 年 9 月 2 日
コメント