Commerce ナビゲーション レンダリングのカスタマイズ

Current version: 10.1

コピーとカスタマイズにより、Commerce ナビゲーション レンダリングをカスタマイズして独自のブランディングを追加できます。既存のスタイルの場合は、ナビゲーション レンダリングで CSS クラスを変更しますが、新しいスタイルの場合は、.css ファイルを更新する必要があります。

Commerce ナビゲーション レンダリングのスタート ページ設定は、sitecore/Content/<tenant>/<site>/Settings/Commerce/Catalog Configuration にあります。一方、SXA ナビゲーション レンダリングのスタート ページ設定は、レンダリングのコントロール プロパティで定義します。

アイテム

説明

依存関係

CSS クラス

リンク識別子

アクティブなナビゲーションを強調表示するために使用されるカテゴリー アイテム ID が含まれています。

なし

ナビゲーション リンク

ナビゲーション リンクのリンクと名前が含まれています。

なし

cxa-navigation-component

Commerce ナビゲーション コンポーネントをカスタマイズするには、次の手順に従います。

  1. Storefront スタート画面で、[コンテンツ エディター] をクリックします。

  2. コンテンツ エディターで、sitecore/Content/Sitecore/Storefront/Presentation/Rendering Variants/Commerce Navigation/Default に移動します。

  3. [ナビゲーション] レンダリングを右クリックし、[複製] をクリックします。

  4. レンダリング コピーの名前を入力し、[OK] をクリックします。

    Available Renderings フォルダーに、重複するナビゲーション コンポーネントが追加されます。

    Available Renderings フォルダー内のナビゲーション レンダリングのコピー。
  5. [コンテンツ] タブで、必要な変更を加えます。

Do you have some feedback for us?

If you have suggestions for improving this article,