Product Visuals with AEM Assets
Product Visuals enables Adobe Commerce Optimizer merchants to manage product images through Adobe Experience Manager (AEM) Assets. This integration provides a seamless workflow for syncing high-quality product imagery from AEM Assets to your Commerce Optimizer catalog using catalog layers.
Key benefits
- Centralized asset management: Manage all product images in AEM Assets, the enterprise-grade digital asset management solution.
- Automatic synchronization: Product images automatically sync when assets are approved or updated in AEM Assets.
- Dynamic Media delivery: Leverage Dynamic Media with OpenAPI capabilities for optimized image delivery.
- Catalog layers: Product images are applied as a catalog layer, allowing you to overlay AEM Assets imagery on your base catalog.
How it works
The integration has two main flows:
-
From AEM Assets: When an asset is approved, rejected, or removed, the event flows through the Adobe Pipeline to the Assets Integration Service. The service matches assets to products using a
match-by-SKUor a custom matcher strategy, then sends theproduct-assetmappings to the Commerce Optimizer, where they are stored as product layers. -
From ACO: When a product is updated in the Commerce Optimizer, the event flows through the Adobe Pipeline to the Assets Integration Service. The service syncs any matching asset mappings back to ACO.
The updated images are available through storefront APIs (Catalog Service, Live Search, Product Recommendations).
Source and layer configuration
Images from AEM Assets are ingested as a catalog layer with the following source configuration:
Example of a source configuration
{
"source": {
"locale": "en-US",
"layer": "AEM-Assets"
}
}
This configuration ensures that AEM Assets images are applied as an overlay on your base product catalog.
Prerequisites
Before enabling Product Visuals, ensure you meet the prerequisites for Commerce Optimizer.
Setup
To enable the integration, create a support ticket with your Commerce Optimizer and AEM Assets details. Adobe Support configures the integration and registers your tenant with the Assets Integration Service.
See Configure AEM Assets for Commerce Optimizer for onboarding information.
Configure AEM Assets metadata
To enable automatic product matching, configure your assets in AEM Assets with Commerce metadata.
See Configure AEM Assets for the required metadata fields and steps.
Using Product Visuals
After the integration is configured, manage your product images through AEM Assets.
Add images to products
-
Upload images to your AEM Assets repository.
-
Add Commerce metadata to the asset. See Apply metadata to assets.
-
Approve the asset for delivery. The asset must be in approved status to trigger synchronization.
-
The image automatically syncs to Commerce Optimizer.
Apply the AEM-Assets layer
To display AEM Assets images on your storefront, assign the AEM-Assets layer to your catalog view.