Commerce 商品詳細ページ
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Storefront サイト テンプレートには、デフォルトで Commerce 商品詳細ページが含まれています。
Commerce 商品詳細ページには、次のレンダリングが含まれています。
-
商品画像レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [メディア])。
-
商品情報レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [Commerce カタログ])。
-
商品在庫レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [Commerce カタログ])。
-
Product Price レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [Commerce カタログ])。
-
商品 バリアントレンダリング ([エクスペリエンス エディター] > [ツールボックス] > [Commerce カタログ])。
-
カートに追加レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [Commerce カタログ])。
-
Commerce 検索結果レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [Commerce カタログ])。
注記これは、さまざまな用途に使用できる多用途のレンダリングです。Storefront サイト テンプレートを使用すると、カテゴリー ページ、関連商品ページ、プロモーション商品ページ (ホーム ページ)、そして検索結果ページで、このレンダリングがデフォルトで使用されます。
-
結果をさらに表示レンダリング ([エクスペリエンス エディター] > [ツールボックス] > [検索])。
次の画像は、ライブ ストアフロントに表示されるデフォルトの Commerce 商品詳細ページの例です。
検索時にページ上の個々のレンダリングがすべて 1 つの結果として一緒に考慮されるようにするには、すべてのレンダリングが同じ検索結果シグネチャーを使用して、一緒にバインドされるようにする必要があります。デフォルトでは、商品詳細ページは、related-product の検索シグネチャーを使用します。
定義された幅で表示できる商品数がコンテナーによって自動で判断されるよう、表示されるアイテム数をスタイル シートを使用して制御できます。