1. カタログ

チュートリアル: カスタマイズされたCommerceエンティティの直接ナビゲーションの有効化

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Sitecore XC Business Toolsでは、Composer機能を使用して、任意のSellable商品に保存された情報を拡張およびカスタマイズできます。カスタマイズされたエンティティごとに、Commerce Engineのデータと一致するようにテンプレートがSitecoreで生成されます。

既定では、カタログ アイテムを公開するときにデータ プロバイダーが使用するカタログで構成できる5つのコマース テンプレート (コマース カテゴリ、コマース製品、コマース製品バリアント、コマース バンドル、コマース ダイナミック バンドル) があります。カスタマイズされたCommerceエンティティの直接ナビゲーションを有効にするには、まず既存のエンティティ定義を拡張し、次にそれをカスタム ページ デザインに関連付けます。

Composerを使用してCommerceエンティティを作成すると、対応する2つのテンプレートがSitecoreに作成されます。このチュートリアルでは、次の内容です。

  • Headphones

  • HeadphonesVariant

このチュートリアルを完了すると、オーディオ部門のすべてのヘッドフォン ( Studio X Over-the-Ear Wireless Headphonesを含む) を、3つの新しいプロパティを含むカスタマイズされたテンプレートに関連付けることができます。 ダイレクト ナビゲーションを有効にすると、コンテンツ エディターから直接エクスペリエンス エディターの任意のヘッドフォンを開くことができます。

このチュートリアルでは、次の方法について説明します。

メモ

このチュートリアルでは、Storefrontサイト テンプレートとHabitatカタログを使用して、カスタムCommerceエンティティの直接ナビゲーションを有効にする方法を示します。これは、Habitatカタログがインストールされており、手順を順番に完了していることを前提としています。ただし、このチュートリアルの内容は、SXA StorefrontなしでSitecore Commerceを使用する場合にも適用されます。

ヘッドフォン カテゴリのテンプレート定義を拡張する

このウォークスルーのコンテキストで、カスタマイズされたComposerテンプレートを使用してSellable商品に直接ナビゲーションを適用するには、まず新しいフィールドを追加してテンプレート定義を拡張します。

ヘッドフォン カテゴリのテンプレート定義を拡張するには:

  1. Sitecoreスタート画面で、Business ToolsMerchandisingをクリックし、CatalogsセクションでHabitat_Masterをクリックします。

  2. Categoriesセクションで、Departmentsをクリックし、Audioをクリックします。

  3. Sellable商品のリストで、Studio X Over-the-Ear Wireless Headphonesをクリックします。

  4. Entity Versionsセクションで新しいバージョンを作成するには、Add Entity Version (+) をクリックし、エンティティ バージョンを追加することを確認します。

  5. 新しいエンティティ バージョンをクリックして選択し、Summaryセクションのドロップダウン リストからAdd Viewをクリックします。

  6. Add Viewダイアログボックスの「Name」フィールドと「Display Name」フィールドの両方に「Headphones」と入力し、変更を確認します。

  7. Headphonesセクションで、ドロップダウン リストからAdd Propertyをクリックし、Add Propertyダイアログ ボックスでNameフィールドとDisplay Nameフィールドの両方に「Type」と入力し、プロパティ タイプとしてStringを割り当てます。変更を確認します。

  8. 手順8を繰り返して、次の2つのプロパティを追加します。

    名前

    表示名

    財産

    ノイズキャンセリング

    ノイズキャンセリング

    ブーリアン

    含まれるものマイク

    マイクが含まれています

    ブーリアン

  9. Headphonesセクションのドロップダウン リストからAdd Selection Option Constraintをクリックし、次の図に示す制約を定義して、変更を受け入れます。

  10. Headphonesセクションで、ドロップダウン リストからEdit Viewをクリックし、Headphonesセクションに表示する既定のプロパティを指定します。変更を確認します。

  11. Headphonesセクションで、ドロップダウンリストからMake Templateをクリックし、Make templateダイアログボックスのNameフィールドとDisplay NameフィールドにHeadphones Templateと入力して変更を確認します。

カスタムテンプレートを割り当てる

新しいフィールドをすべてのヘッドフォンで表示するには、作成したカスタムテンプレートをアイテム定義に割り当てる必要があります。

カスタムテンプレートを割り当てるには:

  1. Business Toolsダッシュボードで、Composerをクリックします。

    Templatesセクションでは、作成したカスタム テンプレートHeadphones Templateを確認できます。

  2. Templatesセクションで、ドロップダウンリストからAssociate to Item Definitionsをクリックします。

  3. Associate to Item Definitionダイアログボックスで、Catalogリストから「Habitat_Master」をクリックし、変更を確定します。

  4. Headphonesチェックボックスをオンにして、変更を確認します。

ヘッドフォンテンプレートを承認して公開する

ストアフロントで新しいプロパティを表示するには、エンティティ アイテムの更新バージョンを承認して公開する必要があります。

エンティティ項目を承認して公開するには:

  1. Business Toolsで、Merchandisingをクリックします。

  2. Catalogsセクションで、「Habitat_Master」をクリックします。

  3. Categoriesセクションで、Departmentsをクリックし、Audioをクリックします。

  4. Sellable商品のリストで、商品ページを開くには、Studio X Over-the-Ear Wireless Headphonesをクリックします。

  5. Summaryセクションのドロップダウン リストでPromote to next workflow stateをクリックし、Commandドロップダウン リストでSubmitをクリックして、変更を確認します。

  6. ワークフローを完了するには、Summaryセクションのドロップダウン リストでPromote to next workflow stateをクリックし、Command ドロップダウン リストでApproveをクリックして、変更を確認します。

  7. Sitecoreでテンプレートを更新し、コンテンツ エディターで変更を確認するには、Sitecoreスタート画面でContent Editorをクリックします。

  8. リボンのCommerceタブで、Update Data Templatesをクリックします。

    この手順では、前の手順で定義した新しい定義を使用してテンプレートを生成し、新しいプロパティを使用できるようにします。Composerを使用してフィールドまたはテンプレートを削除した場合、変更内容を表示するには、データ テンプレートを削除してから更新する必要があります。

  9. Commerceタブで、「Refresh Commerce Cache」をクリックします。

    行った変更を確認するには、sitecore/Content/Sitecore/Storefront/Home/Catalogs/Habitat_Master/Departments/Audioに移動してNoise-Canceling Over-the_Ear Headphonesをクリックします。

カタログ テンプレートをエンティティ タイプの新しいフィールドで拡張します

カタログ テンプレートをエンティティ タイプの新しいフィールドで拡張するには:

  1. コンテンツ ツリーで、sitecore/Templates/Commerce/Catalogに移動し、Commerce Catalogをクリックします。

  2. Builder 」タブの「 Template Overrides 」セクションで、「 Add a new field」をクリックします。

  3. カスタムテンプレートのフィールド名 (HeadphonesTemplate) を定義し、このセクションの他のテンプレートと同じプロパティを指定して、「 Save」をクリックします。

    これにより、Template Overridesセクション (sitecore/Content/ Sitecore/Storefront/Home/Catalogs/Habitat_Master) に新しいフィールドが追加されます。

エンティティ型のカスタム ページを作成する

エンティティ型のカスタムページを作成するには:

  1. テナント レベルで新しいページ アイテム テンプレートを作成するには、コンテンツ ツリーでsitecore/Templates/Project/Sitecoreに移動し、Commerce Productテンプレートを右クリックしてDuplicateをクリックします。

  2. Messageダイアログボックスで、「 Headphones Product」と入力し、「 OK」をクリックします。

  3. Headphones Productを選択した状態で、ContentタブのDataセクションで、Base templateリストからHeadphonesテンプレート (Templates\Commerce\Catalog Generated) をSelectedリストに追加します。

  4. Selectedリストで、Commerce ProductテンプレートをダブルクリックしてSelectedリストから移動し、上矢印または下矢印を使用して選択したテンプレートの順序を変更します。選択したテンプレート リストは、次のように表示されます。

  5. リボンでSaveをクリックし、OKをクリックして変更を確定します。

  6. sitecore/Content/Sitecore/Storefront/Home/Catalogsに移動し、Habitat_Masterをクリックし、Template OverridesセクションのHeadphonesTemplateフィールドでHeadphones Product(Templates\Project\Sitecore)をクリックし、リボンのSaveをクリックします。

  7. リボンのCommerceタブで、Refresh Commerce Cacheをクリックします。

カスタム項目テンプレートをカスタムページデザインに関連付ける

次に、カスタム・テンプレート・ Headphonesをカスタム・ページ・デザインに関連付ける必要があります。

カスタム・アイテム・テンプレートをカスタム・ページ・デザインに関連付けるには:

  1. コンテンツ ツリーで、sitecore/Content/Sitecore/Storefront/Presentation/Page Designsに移動します。

  2. Commerce Product Pageを右クリックし、Duplicateをクリックし、MessageダイアログボックスのEnter a new name for the pageフィールドに「Headphones Page Design」と入力し、OKをクリックします。

  3. コンテンツ ツリーでPage Designs (sitecore/Content/Sitecore/Storefront/Presentation) をクリックし、ContentタブのDesigningセクションで、Headphones Product テンプレートをHeadphones Page Designにマップします。

  4. リボンのSaveをクリックします。

    Studio X Over-the-Ear Wireless Headphonesを選択すると、Quick Infoセクションで、このSellable商品が新しいテンプレートにリンクされていることを確認できます。

    これで、sitecore/Content/Sitecore/Storefront/Home/Catalogs/Habitat_Master/Departments/Audioに移動し、Studio X Over-the-Ear Wireless Headphonesを右クリックして、エクスペリエンス エディターでページを開くことができます。

    大事な

    エクスペリエンス エディタでは、カタログ アイテムを直接開いたとき、またはカタログ アイテムに移動したときにレイアウトとコンポーネントを編集することはできませんが、一部のテキストは編集できます。コンポーネントを編集するには、Content Editorsitecore/Content/Sitecore/Storefront/Presentation/Partial Designs/Default Main Product Page Contentに移動します。

この記事を改善するための提案がある場合は、 お知らせください!