Commerce 商品詳細ページ
デフォルトの Commerce 商品詳細ページ (PDP) に使用するレンダリングの概要。
Storefront サイト テンプレートには、デフォルトで Commerce 商品詳細ページが含まれています。

Commerce 商品詳細ページには、次のレンダリングが含まれています。
商品画像レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [メディア])。
商品情報レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [Commerce カタログ])。
商品在庫レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [Commerce カタログ])。
Product Price レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [Commerce カタログ])。
商品 バリアントレンダリング ([エクスペリエンス エディター] > [ツールボックス] > [Commerce カタログ])。
カートに追加レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [Commerce カタログ])。
Commerce 検索結果レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [Commerce カタログ])。
注記
これは、さまざまな用途に使用できる多用途のレンダリングです。Storefront サイト テンプレートを使用すると、カテゴリー ページ、関連商品ページ、プロモーション商品ページ (ホーム ページ)、そして検索結果ページで、このレンダリングがデフォルトで使用されます。
結果をさらに表示レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [検索])。
次の画像は、ライブ ストアフロントに表示されるデフォルトの Commerce 商品詳細ページの例です。

検索時にページ上の個々のレンダリングがすべて 1 つの結果として一緒に考慮されるようにするには、すべてのレンダリングが同じ検索結果シグネチャーを使用して、一緒にバインドされるようにする必要があります。デフォルトでは、商品詳細ページは、related-product の検索シグネチャーを使用します。
注記
定義された幅で表示できる商品数がコンテナーによって自動で判断されるよう、表示されるアイテム数をスタイル シートを使用して制御できます。