カタログ画像とビデオ

最終更新日： 2026年6月16日

作成対象：

{"id":"b5a62a22-46f7-4f0d-b151-3fc640bef588"},{"id":"e8ccd51f-da0d-4e3b-939b-e30d5ebb1ea5"}
{"id":"b69b2659-1057-424e-8fc5-ed9e016dc554"},{"id":"c66ffd68-0f65-42bb-aa23-b4020f12e0bd"},{"id":"f8a45b24-4be7-4f1b-909b-60d06b483a20"}

一貫した割合の高品質な画像を使用すると、カタログは商業的な魅力を備えたプロフェッショナルな外観になります。 1つの製品につき複数の画像を含む大規模なカタログがある場合、管理する製品画像の数は数百から数千までです。開始する前に、画像ファイルの命名規則を設定し、必要に応じてオリジナルを見つけられるように整理します。

製品画像 {width="600" modal="regular"}

カタログ全体を通じて、1つの製品画像が異なるサイズでレンダリングされます。ページ上の画像コンテナの表示サイズは、テーマのスタイルシートで定義されます。ただし、ストアに画像が表示される場所は、画像に割り当てられた役割によって決まります。メインの製品画像、つまり base 画像は、ズームに必要な倍率を生成するのに十分な大きさである必要があります。メイン画像に加えて、同じ画像の小さいバージョンが商品リストに表示されたり、ショッピングカートのサムネールとして表示されたりします。必要な最大サイズの画像をアップロードするか、Adobe Stock画像を使用して、Commerceで各使用に必要なサイズをレンダリングできます。同じ画像をすべての役割に使用することも、各役割に別の画像を割り当てることもできます。デフォルトでは、最初にアップロードされた画像は、3つの役割すべてに割り当てられます。

ストアフロントメディアブラウザー

製品ページのメディアブラウザーには、製品に関連する複数の画像、ビデオ、スウォッチが表示されます。各サムネールには、製品のさまざまな表示やバリエーションを表示できます。サムネールをクリックすると、メディアアセットが表示されます。メディアブラウザーの位置はテーマによって異なりますが、デフォルトの位置は製品ページのメイン画像のすぐ下です。アクセシビリティ制御については、ナビゲーションのアクセシビリティを参照してください。

ストアフロントのメディアブラウザー {width="700" modal="regular"}