Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Customize OOTB Core Image Component

Avatar

Level 1

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
Level 6

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...

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
Level 6

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...