Slideshow
Full-width image slides with overlay copy and CTA.
Updated 2026-05-09
Multi-slide hero with image, overlay text, and optional buttons. Auto-rotation, dots, prev/next arrows. Each slide is a block.
Section settings
| Setting | Notes |
|---|---|
| Container width | Boxed / Full width |
| Padding top / bottom | px |
| Section height | original (image ratio), normal, or fixed (custom px) |
| Fixed height | Used when Section height = fixed |
| Auto-rotate | Checkbox + interval (3–10s) |
| Show arrows | Desktop arrows toggle |
| Show dots | Bottom pagination dots |
| Mobile arrows | Toggle to hide arrows on mobile (swipe still works) |
Slide block settings
| Setting | Notes |
|---|---|
| Image (desktop) | Wide horizontal image |
| Image (mobile) | Optional — overrides for portrait crop |
| Image overlay | 0–80% darken |
| Eyebrow | Small label above heading |
| Heading | Large title |
| Sub-text | Optional body text under heading |
| Button 1 / 2 | Label + URL + style (primary / secondary / link) |
| Content position | 9-position grid (top-left … bottom-right) |
| Content width | narrow / medium / wide |
| Text colour | Override per slide if needed |
Behavior
- Swipe left / right on touch devices
- Auto-rotation pauses on hover (desktop) or first user interaction (mobile)
- Dots wrap to multiple lines on small screens — never overflow viewport
- LCP-friendly: only the first slide's image is preloaded with
fetchpriority="high"; others lazy-load
Tips
- Keep heading under 8 words for slide readability at glance.
- Use the mobile image override when your hero crops poorly on portrait phones (e.g., a model's face is cut off).
- Set auto-rotation interval to 6s or longer — anything shorter feels frantic.
Need a hand? Contact support.