Skip to content

Carousel

The Carousel element shows several slides the visitor can scroll through horizontally or vertically. Each slide is a mini-block in which you insert elements as in any section: text, image, button, video…

Slides

The Slides subsection shows the list of slides in the carousel. Click on a slide to edit it (the canvas then switches to slide-by-slide editing mode), or use the list actions to duplicate, delete or add a new one.

The Add a slide button creates an empty slide where you can then add elements as in a section.

The main subsection gathers the animation settings:

  • Scroll behavior — choose between Dynamic scroll (animation with natural acceleration and deceleration, ideal for a smooth movement) and Continuous scroll (linear animation at constant speed, no acceleration).
  • Scroll directionHorizontal or Vertical.
  • Number of visible slides — how many slides are visible at once.
  • Time between each slide — wait time before moving to the next slide (in seconds, between 0 and 45). Set to 0 to disable automatic scrolling.
  • Scroll speed — duration of the transition animation (between 300 ms and 2 seconds).
  • Show carousel pagination — shows the position dots at the bottom of the carousel.
  • Auto-scroll — enables automatic scrolling based on Time between each slide.
  • Reverse scroll direction — scrolls right to left instead of left to right.
  • Scroll only once — automatic scrolling stops at the last slide instead of going back to the first.
  • Create infinite scroll — repeats the slides indefinitely (recommended for a carousel of reviews or partner logos).

Exit slide editing

When you edit a slide, a Back to editor or Exit editing button appears to return to the global carousel editing mode.

The style panel gathers the background, borders and inner margins applied to the carousel container.

Documentation crafted with ❤️ by our in-house team.