Swipeable CMS Slider

Turn any CMS Collection List into a swipeable slider. Design one card, connect its fields to your CMS, and every item becomes a slide. Add an item to your CMS and it's in the slider, with nothing to update by hand.

• Your own card design, edited on the canvas

• Cards per view for Desktop, Tablet and Phone, or Full Width

• Max Slides limit (0 = all)

• Arrows: Below, Top, Sides, Outside or Custom (any corner, X/Y offset)

• Indicator: dots, numbers (01 02 03) or a 1 / 4 counter, fully styleable

• Optional Header slot for your heading and text

• Swipe, mouse drag, arrow keys and autoplay

• Loop, or disable arrows at the first and last slide

• Overflow: keep slides inside or show them out to the window edges

• SEO friendly: every slide is in the HTML, nothing duplicated, no layout shift

• Accessible: labelled controls, 24px tap targets

HOW TO USE

1. Create a Collection List, design one card and connect its fields as usual.

2. Drop CMS Slider on the page and set its width to Fill.

3. Connect the Collection List to Content.

4. Set cards per view, arrows and indicator, then style it.

Optional: connect a frame with your heading to Header; with Placement set to Top the arrows sit beside it.

Sliding works in Preview and on the live site; the canvas shows a static preview. For Visible overflow or Outside arrows, parent frames must not clip content.