How to make carousel core component as AMP compatible? | Adobe Higher Education
Skip to main content
nibeditan172848
May 21, 2020
Répondu

How to make carousel core component as AMP compatible?

If we make use of any ready mark up available for carousel component w.r.t amp, we are unable to fetch the teaser title,description and button link. We followed this link https://amp.dev/documentation/examples/multimedia-animations/image_galleries_with_amp-carousel/ for getting ready markup for AMP.

Ce sujet a été fermé aux réponses.
Meilleure réponse par EstebanBustamante

Hi,

 

I'm not sure it makes sense to adapt the core component to leverage this "AMP" framework. You would need to update the markup and JS with the necessary AMP-specific markup, styles, and behavior. It might be easier to just create a new custom component and integrate AMP there. In any case, you can retrieve the component information via its Sling model. If you really want to use the core component, you can check its Sling model here:https://github.com/adobe/aem-core-wcm-components/blob/main/bundles/core/src/main/java/com/adobe/cq/wcm/core/components/internal/models/v1/CarouselImpl.java; otherwise, you'll need to write your own Sling model and use that one. Here is a good example: https://medium.com/@toimrank/aem-sling-models-ea0fb2606625

 


hope this helps

2 commentaires

EstebanBustamante
Community Advisor and Adobe Champion
Community Advisor and Adobe Champion
February 14, 2025

Hi,

 

I'm not sure it makes sense to adapt the core component to leverage this "AMP" framework. You would need to update the markup and JS with the necessary AMP-specific markup, styles, and behavior. It might be easier to just create a new custom component and integrate AMP there. In any case, you can retrieve the component information via its Sling model. If you really want to use the core component, you can check its Sling model here:https://github.com/adobe/aem-core-wcm-components/blob/main/bundles/core/src/main/java/com/adobe/cq/wcm/core/components/internal/models/v1/CarouselImpl.java; otherwise, you'll need to write your own Sling model and use that one. Here is a good example: https://medium.com/@toimrank/aem-sling-models-ea0fb2606625

 


hope this helps

Esteban Bustamante
kautuk_sahni
Community Manager
Community Manager
March 4, 2025

@nibeditan172848 Did you find the suggestion helpful? Please let us know if you need more information. If a response worked, kindly mark it as correct for posterity; alternatively, if you found a solution yourself, we’d appreciate it if you could share it with the community. Thank you!

Kautuk Sahni