上部ナビゲーション

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

上部ナビゲーション

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

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

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

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

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

手順 1:カテゴリの作成

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

  2. Store View を設定して、新しいカテゴリを使用できる場所を決定します。

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

    データを使用せずに最初から開始する場合は、リストには、ルートである デフォルトのカテゴリ例カテゴリ の 2 つのカテゴリしかない可能性があります。

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

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

    • Enable CategoryYes に設定
    • Include in MenuYes に設定
  6. ディスプレイ設定で、AnchorYes に設定します。

  7. その他の必要な カテゴリ設定を入力します。

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

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

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

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

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

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

    カテゴリのトップ ナビゲーション {width="600" modal="regular"}

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

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

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

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

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

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071