Dokumentation Commerce AEM Assets Integration

Konfigurieren der Storefront

Letzte Aktualisierung: 11. Mai 2026

Erstellt für:

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

Aktivieren der Anzeige von Produktbildern über AEM Assets enable-product-images

Die AEM Assets-Integration zeigt Produktbilder aus AEM Assets anstelle von Adobe Commerce an und ermöglicht so erweiterte Optimierung, Zuschnitt und CDN-Bereitstellung.

Um die Integration in Commerce-Storefronts mit Edge Delivery Services zu aktivieren, fügen Sie den "commerce-assets-enabled": true-Parameter zur Konfigurationsdatei für Storefronts hinzu (config.json).

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

Die Commerce-Dropdown-Menüs erkennen automatisch die commerce-assets-enabled-Konfiguration und passen die Bildverarbeitung entsprechend an.

Weitere Informationen zur Verwendung von AEM Assets mit der Commerce-Storefront mit Edge Delivery Services finden Sie unter AEM Assets-Integration in der Dokumentation zu Adobe Commerce Storefront.

TIP

Informationen zum Durchsuchen und Einfügen von AEM Assets in statische Inhaltsseiten durch Autorinnen und Autoren finden Sie unter Verbinden von AEM Assets mit Da.live für die statische Inhaltserstellung.

AEM Assets mit Da.live verbinden, um statische Inhalte zu erstellen connect-aem-assets-authoring

NOTE

Dieses Setup ist nicht mit der AEM Assets-Integrationserweiterung identisch. bereitgestellt von Da.live ermöglicht es Autoren, durch das Library-Bedienfeld und Content Advisor zu navigieren und AEM Assets in statische Inhaltsseiten (z. B. Landingpages oder Inhaltsblöcke) einzufügen. Produktbilder, die über die AEM Assets-Integration synchronisiert werden, werden separat mithilfe der commerce-assets-enabled konfiguriert.

Führen Sie die folgenden Schritte aus, um AEM Assets mit einer Storefront für die Dokumenterstellung (Da.live) zu verbinden, sodass Autorinnen und Autoren beim Bearbeiten statischer Inhalte AEM Assets aus der Content Advisor durchsuchen und einfügen können.

NOTE

Detaillierte Setup-Anweisungen finden Sie unter Einrichten von AEM Assets in der Dokumentation zu Da.live und Integrieren von AEM Assets beim Erstellen von Inhalten für Edge Delivery Services in der Dokumentation zu AEM Assets.

Schritt 1: Öffnen Sie Ihre Site-Konfiguration in Da.live

Suchen Sie in Da.live Ihre Storefront und öffnen Sie sie.
Wählen Sie in der Breadcrumb-Navigation das Symbol Settings neben Ihrem Site-Namen aus, um die Tabelle Site-Konfiguration zu öffnen.

Schritt 2: AEM-Repository-URL kopieren

Wechseln Sie in einer neuen Registerkarte zu experience.adobe.com und navigieren Sie zu Experience Manager.
Adobe Experience Manager Assets öffnen : Scrollen Sie zum Abschnitt My Authoring und wählen Sie dann Assets neben Ihrer Production aus.
Kopieren Sie in der Browser-Adressleiste das Segment, das mit author beginnt, bis einschließlich .com, z. B. author-p107634-e1009805.adobeaemcloud.com.

Schritt 3: Repository-ID zu Ihrer Konfiguration hinzufügen

Um Ihre Site zu konfigurieren, kehren Sie zu Da.live zurück und wählen Sie in Ihrer Site-Konfiguration data aus.

Füllen Sie die Tabelle wie folgt aus:

table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2
Zelle	Wert
A1	`key`
B1	`value`
A2	`aem.repositoryId`
B2	Die in Schritt 2 kopierte URL

Klicken Sie auf Save und dann auf den Rückwärtspfeil neben Ihrem Site-Namen, um zum Site-Stamm zurückzukehren.

note
NOTE
Der Host mit dem `author-` Präfix durchsucht Assets aus der Autorenebene. Um Assets stattdessen über Dynamic Media bereitzustellen, verwenden Sie einen Host mit `delivery-` Präfix. Alle `aem.repositoryId` Optionen finden Sie unter Einrichten von AEM Assets.

Schritt 4: AEM Assets über die Bibliothek verbinden

Wählen Sie im Stammverzeichnis der Site den index Ordner aus, um ihn zu öffnen.
Öffnen Sie im Editor das Library und wählen Sie AEM Assets aus.

Das Content Advisor Pop-up wird geöffnet und zeigt Ihre AEM Assets-Ordner und -Dateien an.

Ihre Storefront ist jetzt mit AEM Assets verbunden. Sie können Assets direkt aus dem Content Advisor durchsuchen und einfügen.