---
title: "カタログ画像のソース設定"
slug: "configure-the-source-for-catalog-images"
abstract: "ストアフロントの画像がSitecore DAMから取得されるのかメディアライブラリから取得されるのかを設定してください。"
---
# カタログ画像のソース設定

画像などのメディアは、ストアフロントサイトのインパクトや使いやすさを大幅に向上させることができます。以前はメディア [アイテムはメディアライブラリ](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-platform/media-items.html)に保存されていました。Sitecoreデジタル [アセット管理](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/render-image-fields-using-transformation-settings.html) (DAM)システムの導入により、メディアライブラリまたはDAMのいずれかから画像を取得するオプションが可能になりました。

> !注DAMをカタログ画像のソースとして使うには、Sitecore DAMとのカスタム統合を作成する必要があります。

デフォルトの画像ソースはメディアライブラリですが、プライマリ画像ソースをDAMに設定することも可能です。これはサイトレベルで行うこともでき、ページアイテム、ページ、または部分的なデザインに挿入された際の個別レンダリング [を設定する](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-commerce/configure-a-commerce-rendering.html) こともできます。サイト設定とレンダリングレベルの設定は実行時にOR操作で統合されます。どちらか一方を選択すると、画像はDAMから取得されます。

以下の図は、画像URLを取得する際にレンダリング、レンダリングモデル、そしてプロバイダーやクラスがどのように通信するかを示しています。

![Sequence diagram for product image communication](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/100/sitecore-experience-commerce/images/UseDAMStackFlow.png)

シーケンス図は以下の通りです:

-   CatalogProductImageOptionsクラス - CatalogProductImageオブジェクトを作成したり画像リンクを取得したりするためにプロバイダーに渡される引数の一つ。
    
-   CatalogProductInfoProvider - リポジトリが製品情報を取得するために使用されます。
    
-   CatalogProductImagesProvider - CatalogProductInfoProviderで使用される。メディアライブラリやDAMから画像を取得するためのロジックが含まれています。また、フォールバックロジックも含んでいます。
    
    > !注DAM画像はSXAストアフロントではスケールされません。
    

CatalogProductInfoProviderとCatalogProductImagesProviderは登録されており、CatalogProductImageクラスもSitecore.Commerce.XA.Foundation.Common.configファイルに含まれています。

> !注デフォルトでは、DAMで商品画像が利用できない場合、画像のフォールバックはメディアライブラリから取得することです。この動作はCatalogProductImageプロバイダーをカスタマイズすることで変更できます。

## サイトレベルでカタログ画像ソースを設定します

サイトレベルでカタログ画像ソースを設定するには:

1.  コンテンツエディターで*sitecore///Settings/Commerce/Catalog Configuration*へ行ってください。
    
2.  **コンテンツ**タブの**コマース**セクションで、「**デジタル資産管理システムの画像を使用**」チェックボックスをクリックします。
    
    ![Site level check box for Use images from the DAM](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/100/sitecore-experience-commerce/images/UseDAMImagecheckboxSiteLevel.png)
    
    > !警告サイトレベル設定とレンダリングレベル設定は実行時にOR操作で統合されます。どちらか一方を選択すると、画像はDAMから取得されます。
    
3.  リボンメニューで「 **保存** 」をクリックして変更を保存します。
    

## レンダリング用のカタログ画像ソースを設定する

レンダリング用のカタログ画像ソースを設定するには:

1.  エクスペリエンスエディターで、ページのレンダリングをクリックして選択してください。
    
2.  ツールバーで**「More」→「Component Propertiesの編集**」をクリックします。
    
3.  **コントロールプロパティ**ダイアログボックスの**カタログ画像**セクションで、「**デジタル資産管理システムの画像使用**」チェックボックスをクリックします。
    
    ![Use images from the Digital Asset Management system check box](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/100/sitecore-experience-commerce/images/UseDAMImagecheckbox.png)
    
    > !警告サイトレベル設定とレンダリングレベル設定は実行時にOR操作で統合されます。どちらか一方を選択すると、画像はDAMから取得されます。
    
4.  リボンメニューで「 **保存** 」をクリックして変更を保存します。