ドキュメントCommerceAEM Assets統合

ストアフロントの設定

最終更新日： 2026年5月12日

作成対象：

  • {"id":"b69b2659-1057-424e-8fc5-ed9e016dc554"}

AEM Assetsから商品画像表示を有効にする enable-product-images

AEM Assetsとの統合により、Adobe CommerceではなくAEM Assetsから製品画像が表示され、高度な最適化、トリミング、CDN配信が可能になります。

Edge Delivery Servicesを利用したCommerce ストアフロントでの統合を有効にするには、ストアフロント設定ファイル （config.json）に"commerce-assets-enabled": true パラメーターを追加します。

{
  "public": {
    "default": {
      "commerce-assets-enabled": true
    }
  }
}

Commerce ドロップインは、commerce-assets-enabled設定を自動的に検出し、それに応じて画像の処理を調整します。

Edge Delivery Servicesを搭載したCommerce StorefrontでAEM Assetsを使用する方法について詳しくは、AEM Assets Storefront ドキュメントのAdobe Commerce統合 トピックを参照してください。

TIP
作成者がAEM Assetsを参照して静的コンテンツページに挿入できるようにするには、静的コンテンツオーサリング用にAEM AssetsをDa.liveに接続するを参照してください。

AEM AssetsをDa.liveに接続して静的コンテンツを作成 connect-aem-assets-authoring

NOTE
この設定は、AEM Assets Integration拡張機能とは別のものです。 Da.liveによって提供され、作成者はLibrary パネルとContent Advisorを通じて、AEM Assetsを参照し、静的コンテンツページ（ランディングページやコンテンツブロックなど）に挿入できます。 AEM Assets統合を通じて同期された製品画像は、commerce-assets-enabled設定を使用して個別に設定されます。

次の手順を使用して、AEM AssetsをDocument Authoring （Da.live）ストアフロントに接続し、作成者が静的コンテンツの編集中に​ Content Advisor ​からAEM Assetsを参照して挿入できるようにします。

NOTE
設定の手順について詳しくは、Da.live ドキュメントのAEM Assetsの設定を参照し、AEM Assets ドキュメントのEdge Delivery Servicesのコンテンツのオーサリング中にAEM Assetsを統合するを参照してください。

手順1:Da.liveでサイト設定を開く

  1. Da.liveから、ストアフロントを探して開きます。

  2. パンくずナビゲーションで、サイト名の横にある​Settings アイコンを選択して、サイト設定スプレッドシートを開きます。

手順2:AEM リポジトリ URLをコピーする

  1. 新しいタブで、experience.adobe.comに移動し、Experience Manager​に移動します。

  2. Adobe Experience Manager Assetsを開く：My Authoring セクションまでスクロールし、Production​環境の横にある​ Assets ​を選択します。

  3. ブラウザーのアドレスバーから、authorから.comまでのセグメント（例：author-p107634-e1009805.adobeaemcloud.com）をコピーします。

手順3：リポジトリ IDを設定に追加する

  1. サイトを設定するには、Da.liveに戻り、サイト設定で「data」を選択します。

  2. 次のようにスプレッドシートを完成させます。

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2
    セル 値
    A1 key
    B1 value
    A2 aem.repositoryId
    B2 手順2でコピーしたURL

  3. 「Save」を選択し、サイト名の横にある後方矢印を選択して、サイトのルートに戻ります。

    note
    NOTE
    接頭辞がauthor-のホストは、オーサー層からアセットを参照します。 代わりに、delivery-接頭辞を付けたホストを使用して、Dynamic Mediaを通じてアセットを配信します。 すべてのaem.repositoryId オプションについては、AEM Assetsの設定を参照してください。

手順4：ライブラリを介したAEM Assetsの接続

  1. サイト ルートから、index フォルダーを選択して開きます。

  2. エディターで​Library パネルを開き、AEM Assets​を選択します。

    Content Advisor ポップオーバーが開き、AEM Assets フォルダーとファイルが表示されます。

これで、ストアフロントとAEM Assetsが接続されました。 Content Advisor​から直接アセットを参照して挿入できます。

関連ドキュメント

recommendation-more-help
commerce-help-aem-assets-integration