上部ナビゲーション

ストアのメインメニューは、ストア内のさまざまな部門へのディレクトリのようなものです。 各オプションは、異なるカテゴリの製品を表します。 上部ナビゲーションの位置と表示方法はテーマによって異なりますが、基本的には同じです。

​ トップナビゲーション ​ {width="700" modal="regular"}

カタログのカテゴリ構造は、検索エンジンによるサイトのインデックス作成方法に影響を与える可能性があります。 カテゴリを深くネストすればするほど、完全にインデックス化される可能性は低くなります。 一般的に、表示レベルを1から3つ使用するのが最も効果的です。 ​ ルートカテゴリ ​は、最初のレベルとしてカウントされますが、メニューには表示されません。 上部ナビゲーションで使用できるレベルの最大数は、設定によって決まります。 さらに、ストアテーマでサポートされているメニューレベルの数に制限がある場合があります。 例えば、サンプル Luma テーマは、ルートを含む最大5つのレベルをサポートします。

メニューレベルのカウント

項目
説明
レベル 1
最初のレベルはルートカテゴリで、サンプルデータには「デフォルトカテゴリ」という名前が付けられます。 ルートはメニューのコンテナであり、その名前はメニューにオプションとして表示されません。
レベル 2
デスクトップディスプレイでは、トップナビゲーションはページの上部に表示されるメインメニューです。 モバイルデバイスでは、通常、メインメニューはオプションのフライアウトメニューとして表示されます。 Luma ストアの2番目のレベルのオプションは、新機能女性男性ギアトレーニング、および​ セール ​です。
レベル 3
3つ目のレベルは、各メインメニューオプションの下に表示されます。 例えば、女性​の下では、3番目のレベルのオプションは​ トップ ​と​ ボトム ​です。
レベル 4
4番目のレベルのオプションは、3番目のレベルのオプションから飛び出すサブカテゴリです。 例えば、トップス​の下では、4番目のレベルのメニューオプションは​ジャケットパーカーとスウェットシャツティー、および​ ブラスとタンク ​です。

上部ナビゲーションの設定

ストアの上部ナビゲーションにカテゴリを表示するには、次の手順を実行します。

手順1:カテゴリの作成

  1. 管理者 サイドバーで、Catalog > Categories​に移動します。

  2. 新しいカテゴリをどこで利用できるかを決定するには、Store View​を設定します。

  3. カテゴリーツリーで、新しいカテゴリの親カテゴリを選択します。

    データを持たずに最初から始める場合、リストに2つのカテゴリ(デフォルトのカテゴリ)と​例のカテゴリ)しか含まれていない可能性があります。

  4. Add Subcategory​をクリックします。

  5. 基本的な情報を次の設定で入力します。

    • Enable Category​がYesに設定されました
    • Include in Menu​がYesに設定されました
  6. 表示設定で、Anchor​をYesに設定します。

  7. その他の必要な​ カテゴリ設定をすべて完了します。

  8. 完了したら、Save​をクリックします。

マルチストアのインストールの場合、各​ ストア ​ごとに、異なるメインメニューを​ ルートカテゴリ ​として割り当てることができます。

手順2:上部ナビゲーションの深度を設定する

  1. 管理者 サイドバーで、Stores > Settings>Configuration​に移動します。

  2. 左側のパネルで「Catalog」を展開し、下の「Catalog」を選択します。

  3. Category Top Navigation セクションを展開します。

    ​ カテゴリの上位ナビゲーション ​ {width="600" modal="regular"}

    上部ナビゲーションの深さはグローバルな設定スコープ ​を持つため、この設定はCommerce インストールのすべてのweb サイト、ストア、ストアビューに適用されます。 Category Top Navigation​設定セクションは、左上隅の​ Store View ​がDefault Configに設定されている場合にのみ使用できます。

    これらのオプションの詳細なリストについては、設定リファレンス​の​ カテゴリトップナビゲーション ​を参照してください。

  4. 上部ナビゲーションに表示されるサブカテゴリの数を制限するには、Maximal Depth​の数を入力します。

    デフォルト値は0で、サブカテゴリーレベルの数に制限はありません。

  5. 完了したら、Save Config​をクリックします。

recommendation-more-help
commerce-admin-help-catalog