Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

Customize OOTB Core Image Component

Avatar

Level 2

Hi,

 

We are using the OOTB Image Core component and when we try to use this component on the page, the image src is referencing the image component path of the current page. 

Instead, is there a way to load the images from /content/dam (/content/dam/wknd/hiking-campaign.jpeg) instead of the page URL (/content/wknd/language-masters/en/_jcr_content/root/container/image.coreimg.60.100.jpeg/167172431316...)?

 

Our requirement is to load the images from the content dam without losing the dynamic renditions and versioning features of the OOTB core image component. 

 

Is there any option to achieve our requirement without many customizations?

 

Is there any reason to load the image from the page component URL instead of the DAM URL?  

 

Thanks,

Swapna

 

 

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hello @snakkina 

 

It should be possible to load the images via "/content/dam". 

But, you would have to customize both Image component and Adaptive Image servlet

They depend on fetching Image info from "fileReference" property of component.

 

Secondly, if you are utilizing features like "Resize Width" of Image component policy, then you would not be able to readily use it without customization

https://experienceleague.adobe.com/docs/experience-manager-core-components/using/wcm-components/imag...


Aanchal Sikka

View solution in original post

2 Replies

Avatar

Community Advisor

Hi @snakkina 

 

Can you please share more details like the AEM version, core components version, the type of instance that you were looking for (author/publish), etc.?

 

Thanks,

Kiran Vedantam.

Avatar

Correct answer by
Community Advisor

Hello @snakkina 

 

It should be possible to load the images via "/content/dam". 

But, you would have to customize both Image component and Adaptive Image servlet

They depend on fetching Image info from "fileReference" property of component.

 

Secondly, if you are utilizing features like "Resize Width" of Image component policy, then you would not be able to readily use it without customization

https://experienceleague.adobe.com/docs/experience-manager-core-components/using/wcm-components/imag...


Aanchal Sikka