1. レンダリング

デフォルトのストアフロントサイトテンプレートページを変更して、製品リストとプロモーション製品のレンダリングを使用します

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

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

Storefrontサイト テンプレートには、さまざまな既定のページとレンダリングが含まれています。Sitecore 9.3以降、Commerce検索結果レンダリングは、Storefrontサイト テンプレートで使用されるデフォルトのレンダリングです。次の手順では、このアプローチを好む場合に、Storefrontサイト テンプレートで製品リスト レンダリングとプロモーション製品レンダリングを使用する方法について説明します。2つの方法の比較については、製品リストで使用可能なレンダリングの選択を参照してください。

Commerceホーム ページの変更

Commerceホーム ページを変更するには:

  1. コンテンツ エディタで、sitecore/Content/Sitecore/Storefront/Homeに移動します。

  2. リボン メニューのPresentationタブをクリックし、LayoutグループでDetailsをクリックします。

  3. Layout Detailsダイアログボックスの「Shared Layout」タブの「Default」セクションで、「Edit」をクリックします。

  4. Device Editorで、Controlsタブで次の項目を選択し、Removeをクリックします。

    • リッチテキスト /main/row-2-2/container-4

    • コマース検索結果 /main/row-2-2/container-4

    • さらにロードする /main/row-2-2/container-4

    • リッチテキスト /main/row-1-2/container-3

    • コマース検索結果 /main/row-1-2/container-3

    • さらにロードする /main/row-1-2/container-3

  5. Controlsタブで、「Add」をクリックします。

  6. Select a Renderingダイアログボックスで、Renderings/Feature/Commerce Experience Accelerator/Commerce Catalogに移動し、Promoted Productsをクリックし、Open the Properties dialog box immediatelyチェックボックスをオンにして、Selectをクリックします。

  7. Control PropertiesダイアログボックスのPlaceholderフィールドに、/main/row-1-2/container-3と入力します。

  8. GeneralセクションのData Sourceで、Browseをクリックします。

  9. Select the Associated Contentダイアログボックスで、「Home Page Promoted Products」をクリックします。

  10. Control PropertiesダイアログボックスのPromoted Productsセクションで、Product Listフィールドをクリックし、On Sale Televisionsをクリックして、OKをクリックします。

  11. Miraラップトップに対して手順5から10を繰り返しますが、次の例外があります。

    • ステップ7で、「/main/row-2-2/container-4」と入力します。

    • ステップ10で、Mira laptopsを選択します。

  12. リボン メニューのSaveをクリックし、増分発行を使用して変更を発行します。

コマース カテゴリ ページの変更

コマースカテゴリページを変更するには:

  1. コンテンツ エディタで、sitecore/Content/Sitecore/Storefront/Presentation/Page Designsに移動します。

  2. ContentタブのDesigningセクションで、Commerce Categoryの横にあるフィールドをクリックし、Commerce Category Pageをクリックします。

    Map the page to the partial design

  3. リボン メニューの 保存 をクリックし、増分発行を使用して変更内容を発行します。

商品詳細ページの変更

商品詳細ページを変更するには、以下の手順に従います。

  1. コンテンツ エディターで、sitecore/Content/Sitecore/Storefront/Presentation/Partial Designsに移動し、Default Main Product Page Contentをクリックします。

  2. リボン メニューのPresentationタブをクリックし、LayoutグループでDetailsをクリックします。

  3. Layout Detailsダイアログボックスの「Shared Layout」タブの「Default」セクションで、「Edit」をクリックします。

  4. Device Editorで、Controlsタブで次の項目を選択し、Removeをクリックします。

    • リッチテキスト /main/column-1-3

    • コマース検索結果 /main/column-1-3

    • さらにロードする /main/column-1-3

  5. Controlsタブで、「Add」をクリックします。

  6. Select a Renderingダイアログボックスで、Renderings/Feature/Commerce Experience Accelerator/Commerce Catalog、Promoted Products、Open the Properties dialog box immediatelyチェックボックス、Selectの順にクリックします。

  7. Control PropertiesダイアログボックスのPlaceholderフィールドに、/main/column-1-3と入力します。

  8. GeneralセクションのData Sourceで、Browseをクリックします。

  9. Select the Associated Contentダイアログボックスで、「 Related Products」をクリックし、「 OK」をクリックします。

  10. Control PropertiesダイアログボックスのPromoted Productsセクションで、Relationship Typeフィールドをクリックし、Related Productsをクリックします。「OK」をクリックして、「Control Properties」ダイアログ・ボックスを閉じます。もう一度OKをクリックして、デバイス エディターを閉じます。

  11. リボン メニューのSaveをクリックし、増分発行を使用して変更を発行します。

パーシャルデザインをページに関連付ける

パーシャルデザインをページに関連付けるには:

  1. コンテンツ エディタで、sitecore/Content/Sitecore/Storefront/Home/Searchに移動します。

  2. 「 Content 」タブの「 Designing 」セクションで、「 Page Design 」フィールドをクリックし、「 Commerce Search Result Page」をクリックします。

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

  4. ページ デザイン の下にあるすべてのページのContentタブのDesigningセクションで、Default Commerce HeaderをCommerce Headerに置き換えます。

    Assign the page designs to the page
    大事な

    パーシャルデザインは、上の画像に示されているとおりに注文します。

  5. リボンのSaveをクリックし、増分発行を使用して変更を発行します。

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