Commerce ナビゲーション レンダリングのカスタマイズ
コピーとカスタマイズにより、Commerce ナビゲーション レンダリングをカスタマイズして独自のブランディングを追加できます。既存のスタイルの場合は、ナビゲーション レンダリングで CSS クラスを変更しますが、新しいスタイルの場合は、.css ファイルを更新する必要があります。
Commerce ナビゲーション レンダリングのスタート ページ設定は、sitecore/Content/<tenant>/<site>/Settings/Commerce/Catalog Configuration
にあります。一方、SXA ナビゲーション レンダリングのスタート ページ設定は、レンダリングのコントロール プロパティで定義します。
アイテム |
説明 |
依存関係 |
CSS クラス |
---|---|---|---|
リンク識別子 |
アクティブなナビゲーションを強調表示するために使用されるカテゴリー アイテム ID が含まれています。 |
なし | |
ナビゲーション リンク |
ナビゲーション リンクのリンクと名前が含まれています。 |
なし |
cxa-navigation-component |
Commerce ナビゲーション コンポーネントをカスタマイズするには、次の手順に従います。
-
Storefront スタート画面で、[コンテンツ エディター] をクリックします。
-
コンテンツ エディターで、sitecore/Content/Sitecore/Storefront/Presentation/Rendering Variants/Commerce Navigation/Default に移動します。
-
[ナビゲーション] レンダリングを右クリックし、[複製] をクリックします。
-
レンダリング コピーの名前を入力し、[OK] をクリックします。
Available Renderings フォルダーに、重複するナビゲーション コンポーネントが追加されます。
-
[コンテンツ] タブで、必要な変更を加えます。