Configure the AEM Assets project

In Cloud Manager, select Add Program.

Choose Set up for production, enter a program name, then select Continue.

On the Solutions & Add-ons step, select the solutions and add-ons that your project requires, including Dynamic Media, then select Continue.

{width="600" modal="regular"}

On the Add Environment step, enter names for the Production and Staging environments, then select a region.

{width="600" modal="regular"}

Select Save to create the program with its environments.

Select the Configuration tab.

Add an environment variable with the following values, then select Add and Save:

{width="600" modal="regular"}

The environment updates to apply the configuration. Wait until the environment status returns to Running.

On the environment General tab, locate Dynamic Media.

Next to OpenAPI capabilities are available, select Click to activate.

{width="600" modal="regular"}

Activation runs in the background. When it completes, the environment is ready for the Commerce integration.

Navigate to the AEM Cloud Manager, select a program, and create production and staging environments that you want to integrate with Adobe Commerce.

Clone the Adobe managed git repository for the selected program.

{width="600" modal="regular"}

In Cloud Manager Pipelines, select Access Repo Info to open Repository Info. Copy the URL or Git command line value, generate an access password if needed, then clone locally with your Git client.

From GitHub, download the package code from the AEM Assets Commerce repository.

From your local AEM development environment, manually copy the downloaded code into the existing Adobe managed repository.

In all filter.xml and pom.xml files for your project, replace all occurrences of <my-app> with your app name.

Commit the changes and push your local development branch to the Cloud Manager Git repository.

Configure a deployment pipeline, or verify that your pipeline can deploy changes to the selected environment.

{width="600" modal="regular"}

When the pipeline exists, open the actions menu (…) to Run, Edit, View/Edit variables, or other actions—see the Cloud Manager pipeline documentation linked above.

From AEM Cloud Manager, update the AEM environment by using the pipeline to deploy your code.

Go to any asset and edit its properties to validate the changes:

• The default Metadata Schema includes the Commerce tab.

• Product SKUs and the Eligible for Commerce fields are visible.

Navigate to the metadata schema editor.

Select Edit to modify the default metadata schema form.

Create a Commerce tab, and select it.

Drag and drop the Product component into the Commerce tab, and map it to the property commerce:skus.

Select the checkbox for show roles and show order.

Drag and drop a checkbox component into the Commerce tab, and map it to the property commerce:isCommerce. Define Yes and No as the options.

Log in to the Adobe Experience Manager author environment.

From the Adobe Experience Manager workspace, go to the Author Content Administration workspace for AEM Assets by clicking the Adobe Experience Manager icon.

{width="600" modal="regular"}

Open the Administrator tools by selecting the hammer icon.

{width="600" modal="regular"}

Open the profile configuration page by clicking Metadata Profiles.

Create a metadata profile for the Commerce integration.

{width="600" modal="regular"}

Add a tab for Commerce metadata.

1. On the left, click Settings.

2. Click + in the tab section, and then specify the Tab Name, Commerce.

Add the Eligible for Commerce field to the form.

{width="600" modal="regular"}

• Click Build form.

• Drag the Single Line text field to the form.

• Add the Eligible for Commerce text for the label by clicking Field Label.

• On the Settings tab, add the label text to Field Label.

• Set the placeholder text to yes.

• In the Map to Property field, copy and paste the following value

  code language-terminal
  ./jcr:content/metadata/commerce:isCommerce

Optional. To synchronize approved Commerce assets automatically as they are uploaded to the AEM Assets environment, set the default value for the Review Status field on the Basic tab to approved.

Save the update.

From the Metadata Profiles page, select the Commerce integration profile.

From the action menu, select Apply Metadata Profiles to Folders.

Select the folder containing Commerce assets.

Create a Commerce folder if it does not exist.

Select Apply.