コマースカタログレンダリング
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
SXA Storefrontには、ストアフロントでカタログを作成するために一緒に使用できるレンダリングが多数含まれています。このトピックでは、ツールボックスのCommerce Catalogセクションからアクセスできるレンダリングについて説明します。
カタログ アイテム コンテナのレンダリング
カタログ アイテム コンテナ レンダリングを使用して、製品アイテムをカタログ レンダリングのグループのデータ ソースとして設定します。ランディングページで使用します。コンテナ レンダリング内に追加されたすべてのカタログ レンダリングは、製品コンテキストとして選択した製品を使用します。これにより、レンダリングでは、他の方法では製品コンテキストが利用できないページに製品情報を表示できます。
このレンダリングをプレースホルダーに追加すると、何も表示されません。レンダリングは、他のレンダリングをドロップできるプレースホルダーです。
標準のSXAコンテナ コンポーネントは、カタログ アイテムを指すようにデータ ソースを設定するときに、カタログ アイテム コンテナ レンダリングと同様の機能をサポートします。これは、商品ページで使用されるコンポーネントで適切に機能しますが、商品リストコンポーネントは例外で、カタログアイテムコンテナのレンダリングのみが機能します。
製品アイテムのデータ ソースは、レンダリングのControl Propertiesダイアログ ボックスで設定します。
製品アイテムを設定し、コンテナレンダリング内にカタログレンダリングを追加すると、選択した製品の製品情報が表示されます。
コンテナレンダリング内に追加されたカタログレンダリングは、ページに直接追加された場合と同じ外観になるため、ランディングページは選択した製品の商品詳細ページと同じように見えます。
Commerce検索結果のレンダリング
Commerce検索結果レンダリングは、標準のSXA検索結果レンダリングと 検索サービスに基づいています。これには、レンダリングバリアントとScribanテンプレートの使用が含まれます。Commerce検索結果レンダリングは、SXA検索結果レンダリングとほぼ同じですが、いくつかの重要な違いがあります。 「Commerce検索結果レンダリングの使用」を参照してください。
構成
コントロール プロパティ ダイアログ ボックスのCatalog Imagesセクションでは、Commerce検索結果レンダリングの次のプロパティを構成できます。
|
財産 |
使う |
|---|---|
|
Sitecore Digital Asset Managementシステムの画像を使用する |
Sitecore Digital Asset Management (DAM) システムによって保存および管理される画像を使用するには、Use images from Sitecore Digital Asset Management systemチェック ボックスをオンにします。このチェックボックスの選択を解除すると、画像はメディアライブラリから取得されます。 たとえば、レンダリング レベルの設定ではメディア ライブラリを使用し、サイト レベルの設定ではデジタル資産管理システムの画像を使用する場合、画像はDAMから取得されます。一方、サイトレベルの設定がオフで、レンダリングレベルでUse images from Sitecore Digital Asset Management systemチェックボックスが選択されている場合、レンダリングはDAMからイメージを取得します。 手記 カタログ画像ソースのサイトレベルの設定(sitecore/<tenant>/<site>/Settings/Commerce/Catalog Configuration)とレンダリングレベルの設定は、実行時に(OR演算を使用して)マージされます。いずれかを選択すると、画像はデジタルアセット管理システムから取得されます。 |
Commerce検索結果のレンダリングを設定するには、Scribanテンプレートを変更します。
製品バンドルのレンダリング
カタログでは、関連する商品やサービスを、商品バンドルと呼ばれる1つの販売可能な商品としてグループ化できます。製品バンドルには2つのタイプがあります。
-
静的バンドル - このタイプの商品バンドルは固定されており、買い物客はバンドルで利用可能な商品や数量を変更できません。
-
ダイナミックバンドル - このタイプの商品バンドルは柔軟性があり、買い物客はバンドルに商品を追加または削除したり、商品をアップグレードしたり、バンドル内の各商品の数量を指定したりできます。
マーチャンダイザーは、商品バンドルを作成し、バンドル内の商品の最小数と最大数を決定し、価格設定モデルを割り当てます。
このSellable商品をストアフロントに表示するには、たとえば、商品 詳細ページにProduct Bundleレンダリングを追加します。
Product Bundle Scribanテンプレートは、静的バンドルと動的バンドルの両方をサポートします。静的バンドルのみをサポートするProduct Bundle - deprecatedレンダリングは、既存のサイトでのみ使用でき、レンダリング バリアントのScribanテンプレートではなくMVCビューに基づいています。
その他のFAQについては、ダイナミックバンドルと無料ギフト選択に関するFAQをご覧ください。
商品ページには、通常の販売可能な商品とバンドルを表示するための商品バリエーションと商品バンドルレンダリングの両方が含まれています。各コンポーネントは、適用先のカタログ項目タイプを認識し、他のタイプを無視するため、実行時にページに表示されるのはそのうちの1つだけです。デザイン上の理由から、両方のコンポーネントがエクスペリエンス エディターに表示されます。次の画像では、上のコンポーネントが製品バリアントのレンダリングで、下のコンポーネントが製品バンドルのレンダリングです。
ライブストアフロントでは、商品バンドルは次のように表示されます。
ストアフロントでは、バンドルに含まれるすべての構成販売可能商品の在庫が調査され、最も低い在庫番号が製品バンドルの在庫番号として返されます。
Product Bundleレンダリングを設定するには、Scribanテンプレートを変更します。
製品ファセットレンダリング
製品ファセットレンダリングの使用は推奨されなくなりました。推奨される代替手段については、「 使用可能なレンダリングの選択」を参照してください。
商品画像のレンダリング
商品画像レンダリングを使用して、選択した商品に関連する各画像のサムネイル画像を表示します。1つのサムネイルが選択され、選択したサムネイルの大きな画像が表示されます。商品が選択されていない場合は、プレースホルダー画像が表示されます。
構成
コントロールのプロパティ ダイアログ ボックスのCatalog Imagesセクションでは、製品イメージのレンダリングに次のプロパティを構成できます。
|
財産 |
使う |
|---|---|
|
Sitecore Digital Asset Managementシステムの画像を使用する |
Sitecore Digital Asset Management (DAM) システムによって保存および管理される画像を使用するには、Use images from Sitecore Digital Asset Management systemチェック ボックスをオンにします。このチェックボックスの選択を解除すると、画像はメディアライブラリから取得されます。 たとえば、レンダリング レベルの設定ではメディア ライブラリを使用し、サイト レベルの設定ではデジタル資産管理システムの画像を使用する場合、画像はDAMから取得されます。一方、サイトレベルの設定が選択されておらず、レンダリングレベルでUse images from Sitecore Digital Asset Management systemチェックボックスが選択されている場合、レンダリングはDAMからイメージを取得します。 手記 カタログ画像ソースのサイトレベルの設定(sitecore/<tenant>/<site>/Settings/Commerce/Catalog Configuration)とレンダリングレベルの設定は、実行時に(OR演算を使用して)マージされます。いずれかを選択すると、画像はデジタルアセット管理システムから取得されます。 |
製品情報のレンダリング
製品情報レンダリングを使用して、製品のタイトル、説明、および品目番号を表示します。または、 標準のSXAレンダリングのバリアントを使用して 、製品情報を表示することもできます。これにより、商品名、説明、および品目番号の配置を互いに独立して制御できます。
製品在庫レンダリング
Product Inventoryレンダリングを使用して、現在の在庫状況と在庫品目数を 在庫状況 / 在庫数 として表示します。製品が選択されていない場合は、プレースホルダー データが表示されます。
商品が在庫切れの場合、Add to cartボタンは無効になります。
製品リストのレンダリング
製品リスト レンダリングの使用は推奨されなくなりました。推奨される代替手段については、「 使用可能なレンダリングの選択」を参照してください。
ページあたりの商品リストアイテムのレンダリング
「ページごとの商品リストアイテム」レンダリングの使用は推奨されなくなりました。推奨される代替手段については、「 使用可能なレンダリングの選択」を参照してください。
商品リストページ情報レンダリング
商品リストページ情報レンダリングの使用はおすすめしなくなりました。推奨される代替手段については、「 使用可能なレンダリングの選択」を参照してください。
製品リストの並べ替えレンダリング
商品リストの並べ替えレンダリングの使用はおすすめしなくなりました。推奨される代替手段については、「 使用可能なレンダリングの選択」を参照してください。
製品リストページャーレンダリング
商品リストページャーレンダリングの使用は推奨されなくなりました。推奨される代替手段については、「 使用可能なレンダリングの選択」を参照してください。
製品価格のレンダリング
Product Priceレンダリングを使用して、製品価格を表示します。セール中の商品の場合は、割引価格が表示され、取り消し線付きフォントで元の価格が表示されます。
The Product Price - 非推奨のレンダリングは既存のサイトでのみ使用でき、Scribanテンプレートの代わりにレンダラーを使用します。
Product Priceレンダリングを設定するには、Scribanテンプレートを変更します。
製品バリアントのレンダリング
Product Variantsレンダリングを使用して、各バリアント フィールドのドロップダウン メニューを表示します (たとえば、サイズに1つ、色に1つ)。お客様が無効な組み合わせを選択すると、メッセージエリアにエラーメッセージが表示され、「 Add to cart 」ボタンは無効になります。
エクスペリエンス エディターでは、レンダリングにはプレースホルダーのみが表示されます。
ギフトカードの場合、カードの価値はバリエーションにすることができます。
プロモーション製品のレンダリング
プロモーション商品レンダリングの使用は推奨されなくなりました。推奨される代替手段については、「 使用可能なレンダリングの選択」を参照してください。
検索開始、訪問したカテゴリ ページ、訪問した商品ページのレンダリング
「検索開始」、「訪問したカテゴリページ」、および「訪問した製品ページ」レンダリングを使用して、訪問者の行動を追跡します。これらの各レンダリングは、Commerce Connect APIを個別に呼び出して、xDBで関連するページ イベントをトリガーします。結果のデータは、エクスペリエンスプロファイルとエクスペリエンス分析の両方で表示できます。
これらのレンダリングはライブストアフロントでは表示されませんが、エクスペリエンスエディターのページに表示されるため、見つけて編集できます。たとえば、Search Initiatedレンダリングはエクスペリエンス エディターで次のように表示されます。
検索開始レンダリング
検索開始レンダリングを使用してページの検索バーから検索が開始されると、レンダリングによってCommerce Connectの検索開始ページ イベントがトリガーされます。SXA Storefrontテンプレートでは、検索開始レンダリングがデフォルトのコマース ヘッダーの部分デザインに含まれています。
訪問したカテゴリページのレンダリング
顧客が訪問済みカテゴリ ページ レンダリングを使用してページにアクセスすると、レンダリングによってCommerce ConnectのCategoryPageVisitedページ イベントがトリガーされます。Storefrontサイトテンプレートでは、訪問済みカテゴリページのレンダリングは、メインコンテンツ領域のカテゴリページに含まれています。
訪問した製品ページのレンダリング
顧客が訪問した製品ページのレンダリングを使用してページにアクセスすると、レンダリングによってCommerce ConnectのProductPageVisitedページ イベントがトリガーされます。ストアフロント サイト テンプレートでは、訪問した商品ページのレンダリングは、メイン コンテンツ領域の商品詳細ページ (PDP) に含まれています。
分析を収集し、他のストアフロントページでの顧客の訪問を追跡するには、訪問した商品ページのレンダリングをページに追加します。たとえば、サンプルのストアフロント サイトでは、ギフト カードの購入ページとドローンのランディング ページへの顧客の訪問を追跡できます。これを行うには、訪問した製品ページのレンダリングをそれぞれのページに追加するだけです。
サブカテゴリ ナビゲーション レンダリング
サブカテゴリ ナビゲーション レンダリングの使用は推奨されなくなりました。推奨される代替手段については、「 使用可能なレンダリングの選択」を参照してください。