All Patterns

Carousel Apollo

Configurable Settings

Edit via Cmd+K (Attributes Bar) on the Carousel Apollo section element.

Attribute Default Options Description
data-direction ltr ltr, rtl Carousel scroll direction
data-autoplay false true, false Auto-advance cards
data-speed 3500 Any ms value Interval between auto-advances

Examples

  • Enable autoplay: data-autoplay="true"
  • Faster autoplay: data-speed="2000"
  • Reverse direction: data-direction="rtl"

Features

  • 5 cards visible on desktop, responsive down to 1 on mobile
  • Step animation – advances one card at a time
  • Infinite loop – wraps around seamlessly
  • Hover testimonial – testimonial slides up over card on hover
  • Navigation arrows – manual prev/next control
  • Touch/swipe support – works on mobile devices
  • Keyboard navigation – arrow keys to navigate
  • Autoplay pauses on hover – when enabled

Note: Carousel animation is disabled in the Etch editor for easier editing.


Changelog

  • January 23, 2026: Accessibility fixes, added show/hide toggle for block/etch editors.