カタログ画像のソースを構成する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
画像などのメディアは、ストアフロント サイトのインパクトと使いやすさを大幅に向上させることができます。以前は、メディア項目はメディアライブラリに保存されていました。Sitecore Digital Asset Management (DAM) システムの導入により、メディア ライブラリまたはDAMから画像を取得できるようになりました。
カタログ画像のソースとしてDAMを使用できるのは、Sitecore DAMとのカスタム統合を作成するときだけです。
デフォルトのイメージソースはメディアライブラリですが、プライマリイメージソースをDAMに設定できます。これは、サイト レベルで行うことも、ページ アイテム、ページ、またはパーシャル デザインに挿入するときに個々のレンダリング を構成する こともできます。サイト設定とレンダリング レベルの設定は、実行時に (OR演算を使用して) マージされます。いずれかを選択すると、イメージはDAMから取得されます。
次の図は、レンダリング、レンダリング モデル、およびプロバイダーとクラスがイメージURLを取得するときに通信する方法を示しています。
シーケンス図には、次の情報が表示されます。
-
CatalogProductImageOptions class - CatalogProductImageオブジェクトを作成するため、またはイメージ・リンクを取得するためにプロバイダに渡される引数の1つ。
-
CatalogProductInfoProvider - リポジトリが製品情報を取得するために使用されます。
-
CatalogProductImagesProvider - CatalogProductInfoProviderによって使用されます。これには、メディアライブラリまたはDAMから画像を取得するためのロジックが含まれています。また、フォールバック ロジックも含まれています。
手記DAM画像はSXA Storefrontでスケーリングされません。
CatalogProductInfoProviderとCatalogProductImagesProviderは、Sitecore.Commerce.XA.Foundation.Common.configファイルにあるCatalogProductImageクラスと共に登録されます。
デフォルトでは、製品イメージがDAMで使用できない場合、イメージのフォールバックはメディアライブラリから取得することです。この動作は、CatalogProductImageプロバイダーをカスタマイズすることで変更できます。
サイトレベルでのカタログイメージソースの構成
サイトレベルでのカタログイメージソースの構成
カタログイメージソースをサイトレベルで設定するには:
-
コンテンツ エディタで、sitecore/<tenant>/<site>/Settings/Commerce/Catalog Configurationに移動します。
-
ContentタブのCommerceセクションで、画像Use images from the Digital Asset Management systemチェック ボックスをオンにします。
警告サイトレベルの設定とレンダリングレベルの設定は、実行時に (OR演算を使用して) マージされます。いずれかを選択すると、イメージはDAMから取得されます。
-
リボン メニューのSaveをクリックして変更を保存します。
レンダリングのカタログ イメージ ソースを構成する
レンダリングのカタログ イメージ ソースを構成する
レンダリングのカタログ イメージ ソースを設定するには:
-
エクスペリエンス エディターで、ページ上のレンダリングをクリックして選択します。
-
<rendering>ツールバーで、More, Edit Component Propertiesをクリックします。
-
Control Propertiesダイアログ ボックスのCatalog Imagesセクションで、Use images from the Digital Asset Management systemチェック ボックスをオンにします。
警告サイトレベルの設定とレンダリングレベルの設定は、実行時に (OR演算を使用して) マージされます。いずれかを選択すると、イメージはDAMから取得されます。
-
リボン メニューのSaveをクリックして変更を保存します。