コマース商品詳細ページ

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

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

ストアフロントサイトテンプレートには、デフォルトでコマース商品詳細ページが含まれています。

Commerce Product Detail page as seen in the Experience Editor.

コマース商品の詳細ページには、次のレンダリングが含まれています。

  1. 製品画像のレンダリング (Experience Editor/Toolbox/Media)。

  2. 製品情報のレンダリング (エクスペリエンス エディター/ツールボックス/コマース カタログ)。

  3. 製品インベントリのレンダリング (エクスペリエンス エディター/ツールボックス/コマース カタログ)。

  4. 製品価格レンダリング (Experience Editor/Toolbox/Commerce Catalog)。

  5. 製品バリアントのレンダリング (エクスペリエンス エディター/ツールボックス/コマース カタログ)。

  6. カートに追加 レンダリング (エクスペリエンス エディター/ツールボックス/コマース カート)。

  7. Commerce検索結果 のレンダリング (エクスペリエンス エディター/ツールボックス/Commerceカタログ)。

    メモ

    これは、さまざまな用途に使用できる汎用性の高いレンダリングです。ストアフロント サイト テンプレートでは、このレンダリングは、デフォルトで、カテゴリ ページ、関連製品ページ、プロモーション製品ページ (ホーム ページ)、および検索結果ページで使用されます。

  8. レンダリングをさらに読み込みます (エクスペリエンス エディター/ツールボックス/検索)。

以下は、ライブストアフロントに表示されるデフォルトのコマース商品詳細ページの例です。

Commerce Product Detail page as seen on the live storefront

ページ上の個々のレンダリングが検索時に1つの結果としてまとめて考慮されるようにするには、すべてのレンダリングで同じ 検索結果シグネチャ を使用して、それらがバインドされるようにする必要があります。デフォルトでは、商品詳細ページでは検索署名related-productが使用されます。

手記

スタイルシートを使用して表示されるアイテムの数を制御して、定義された幅で表示できる製品の数をコンテナが自動的に決定するようにすることができます。

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