Hero slider
The Hero slider module is a full-width hero carousel that rotates through repeatable slides, each combining a background image, a rich-text description and an optional button. It is designed for page and blog headers where you want an impactful, animated set of rotating messages, rather than a single static hero.
Carousel card
The Carousel card group is repeatable (minimum 1, unlimited maximum, 6 slides by default). Each card has an Image upload, a SRC set group (Tablet image and Mobile image), a rich-text Description and a Show button toggle (default off). When it is on, the Button group appears with a Button type (Button (default), Anchor or CTA): Button and Anchor expose a Button text (default Discover), a Button URL or a Target, a Show icon toggle with an Icon upload, a Button style (Plain (default), Plain reversed, Outline, Text only, White or White reversed), a Button theme for Outline and Text only styles (Default (default), First color, Second color, Third color, Fourth color, Fifth color or Gray color) and a Make button small toggle, while CTA shows a CTA field.
Carousel behavior
The Carousel behavior group controls playback: Enable autoplay (default on) with an Autoplay duration (0–120 seconds, default 10, shown when autoplay is on), Animation duration (0–12000 milliseconds, step 100, default 300), Loop carousel slides (default on), Center carousel slides (default off), Center carousel insufficient slides (default off) and a Carousel slides transition of Slide (default) or Coverflow.
Border radius
The Border radius group rounds the slide corners via its Mobile display, Tablet display and Desktop display sliders (0–1000px, step 1, default 12px).
Number of visible items
The Number of visible items group sets how many slides show at once via its Mobile display, Tablet display and Desktop display sliders (1–12, step 1, default 1).
Space between slides
The Space between slides group sets the gap between slides via its Mobile display, Tablet display and Desktop display sliders (0–150px, step 4, default 20px).
Show dots
The Show dots group toggles the pagination dots per device via its Mobile display, Tablet display and Desktop display toggles (each default on).
Show arrows
The Show arrows group toggles the navigation arrows per device via its Mobile display, Tablet display and Desktop display toggles (each default off).
Vertical alignment
The Vertical alignment group sets vertical positioning through its Mobile display, Tablet display and Desktop display selects, each offering Top, Center, Bottom, Space around, Space between or Stretch (default Center).
Horizontal alignment
The Horizontal alignment group sets horizontal positioning through its Mobile display, Tablet display and Desktop display selects, each offering Left, Center, Right, Space around, Space between or Stretch (default Left).
Text alignment
The Text alignment group sets text alignment through its Mobile display, Tablet display and Desktop display selects, each offering Left, Center or Right (default Left).
Carousel theme
The Carousel theme select applies First color, Second color, Third color, Fourth color, Fifth color, Gray color or None (default None) to the carousel.
Animation settings
The Animation settings group controls the scroll-into-view animation. Animation type offers None (default), Fade in, Fade up, Fade down, Fade left, Fade right, Zoom in, Zoom out, Slide up, Slide down, Slide left or Slide right; when it is not None, Duration (0.1–3s, step 0.1, default 0.6s), Easing (Smooth (power1.out), Default (power2.out), Snappy (power3.out), Very snappy (expo.out), Sine (sine.out), Overshoot (back.out), Springy (elastic.out), Bouncy (bounce.out) or Linear (none); default Default (power2.out)), Delay (0–5s, step 0.05, default 0s) and, for slide and directional-fade types, Travel distance (0–200px, step 5, default 30px) appear.
Mobile order
The Mobile order slider (-5 to 5, in steps of 1) shifts this module earlier or later than its siblings on mobile; lower numbers appear first.