---
title: Lab 2: Asset Management
slug: hol-twg/lab-2-asset-management
docTags: 
createdAt: 2025-12-03T02:41:03.518Z
---

# Objective

In this lab you'll learn how** Adobe Experience Manager Assets** is used to manage the  product images for Adobe Commerce and the creative for your marketing campaigns.   

Through automation, access controls and built in approval processes, you can ensure users have streamlined access to approved imagery directly from the applications they're working in. 

# Access

Switch to **Adobe Experience Manager Assets** using the solution switcher: 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/7NLoBCE3vyM3QnLE81kA7_image.png)

# Select Repository

Each AEM environment has multiple repositories, access to each repository is managed by user access controls.    For the lab we will use the **Demo APAC Program 2 prod **environment and we'll leverage 2 repositories:  **author **and **delivery**

The author environment is where unapproved assets will live, once approved, they are automatically transfered to the delivery repository.    

1. Select the **Demo APAC Program 2 prod author **repository. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/BUkvzT1Vqb_-twxfzB46x_image.png)

2. From the navigation on the left select **Asset Management -> Assets**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/wSWknmA_q5sYVM-tau-s0_image.png)

:::hint{type="info"}
You can switch repositories at any time by clicking on your profile icon in the top right corner:

![](https://app.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/FiyvZQLndPR69bRw3N8Dq_image.png)
:::



# View Product Assets

Product imagery for your website and mobile app are managed through the asset repository and approved assets are automatically synchronized with the Adobe Commerce Product Catalog using commerce based meta data attached to the image. 

1. Click into the **Commerce **folder 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/A2VGPfz2DwJhcOvNmjIiA_image.png)

2. Search for **bag **and click enter.  You'll notice approved assets are flagged. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/qzYUVZKy6fwy_ahMRVdPM_image.png)

3. Click on the **mb01-blue-0.jpg** and select to view details. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/7PgaiL9JasB9nmh1HE6Pt_image.png)

4. You can see the Approval status and target in the **Basic** metadata on the right.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/s6EBj77gBkqTea_KmfFJP_image.png)

5. Change to the **Commerce **meta data tab by using the drop down. 

::Image[]{src="https://app.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/b55fkS0pCbC2gac1gbsns_image.png" size="58" width="467" height="406" position="flex-start" showCaption="false"}

6. Here you can see the metadata which is used by Commerce to know which product and which role (or roles) and positions the image should be used.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/CfGfZi1nE0ZeBL_IFHwwQ_image.png)

7. The AI-Generated tab shows the automated AI tags attached to the image. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/xv3r8oU9w9gK69VeWWY92_image.png)

# Import Banner Image

If you have a image handy on your laptop you can import it into the asset repository. 

1. Click into the luma folder and click to **Add Assets**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/DwM224MtFDGEGFXor8WVm_image.png)

2. Drag an image from your laptop into the folder.   

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/sKWNnvKhDSmYW1Emg4Sav_image.png)

3. Once uploaded the automated processing will start.   Wait for a minute or so for the processing to complete.   

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/KS--X8BSvwVPlmmom2RVq_image.png)

4. Once the status moves to New from Processing.   Click to view the details

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/WXaQiU0bEPHqTIYAgrXkt_image.png)

5. Click to the dynamic media tab and you'll see how the Smart Cropping has automatically created different renditions of the image for use across channels.  

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/z1AcM0WEKRoDyIPk62Bs8_image.png)

6. Should further edit be required, you can click the scissor icon to edit with Adobe Express directly from the repository. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/m4z_UQgDui5Rk-_3ELTA__image.png)

7. Change the status of your asset to **Approved** and Approval Target of **Delivery.   **Save the asset. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/A7mkEZ_UQQzpVAkA0Z7Mp_image.png)

Next we'll use your image in a personalised web campaign.