- Use Cases: Where and why this component should be used
- Content highlights: Surface multiple articles, case studies, webinars, or blog posts without extending the page length.
- Hero promotions: Rotate featured campaigns, product launches, or seasonal messages on home/landing pages.
- Product showcases: Display product variants, bundles, or top sellers with images, short copy, and CTAs.
- Dependencies
- ⚠ Requires a Slide data item for rendering within the Carousel
- Interval Between Switching: Time (ms) in between moving from one slide to another
- Image : Defines the background Image of the Carousel.(required)
- Background Color : Background Color of the Carousel
- Title and Body Text : Title and Description of the Slide (required)
- CTA Link : Link to detailed page
Displays rotating slides (images, text, or rich content) to highlight multiple messages or promotions within limited page space
Creating a Carousel
- In Content Editor, create a "Carousel Folder" under the "_datasources" of your page
- Create new Carousel from Carousel template
- Fill Interval Between Switching and Image
- Carousel Folder-Carousel - Create a new Slide from the carousel item template.
- Fill in the required fields
- Title
- Image
- CTA Link
- Maximum of 5 carousel items allowed (anymore, and another component should be used - e.g. cards)
- In Experience Editor, insert the Carosuelr endering into the awt-container (or any component which can be placed inside the awt-container)
- Associate the Carousel as the data source.
None: There are no variants for this component.
- There are currently no known issues with this component