search

adobe / aem-core-wcm-components

Standardized components to build websites with AEM.
https://docs.adobe.com/content/help/en/experience-manager-core-components/using/introduction.html
Apache License 2.0
728 stars 735 forks source link

AEM Carousel Device Specific View Items #2448

Open satishkumarjadhav opened 1 year ago

satishkumarjadhav commented 1 year ago

Feature Request

Is your feature request related to a problem? Please describe. AEM Carousel component shows only same no of items for desktop, mobile & tablet. We don't have configuration to show different no. if elements specific to desktop, mobile & tablets.

Describe the solution you'd like We could have configuration either on template or component to configure different no. of items specific to desktop, mobile or tablet.

Are there alternatives? We would use framework similar to slick API -> https://kenwheeler.github.io/slick/

Documentation If you can, explain how users will be able to use this and possibly write out a version of the docs. Maybe a screenshot or design?

YuriyShestakov commented 1 year ago

Hi @satishkumarjadhav ! If you want to display different images to users depending on which device they use, it sounds like you need different carousels. You can place three different carousel components on your responsive page, each one with different sets of images, then in the "Layout" page editing mode you can use the "Hide Component" button to hide the specific carousels which should not be displayed for the selected screen width. Your page HTML code should match the default AEM Grid markup style.