Hero

Section handle: hero

Settings

Layout

Setting	Type	Default	Description
Height	Dropdown	medium	Sets the hero height. · Options: small – Small, medium – Medium, large – Large, full – Full viewport

Content

ℹ️ Video mode uses the first slide’s text and buttons as the overlay. Slide navigation is disabled in Video mode.

Setting	Type	Default	Description
Hero media type	Dropdown	image	Choose between an image slideshow or a single video. · Options: image – Image / Slides, video – Video
Video	Video	—	Choose the video used when Hero media type is set to Video.
Autoplay video	Toggle (on/off)	On	Plays the video automatically when possible.
Video poster image	Image	—	Image shown before playback and when autoplay is off.
Loop video	Toggle (on/off)	On	Repeats the video when it reaches the end.
Show video controls	Toggle (on/off)	Off	Shows native video controls (play/pause, scrubber, etc.).
Video aria-label	Text	—	Optional accessibility label for screen readers. Leave blank to use the first slide text.

Behavior

Setting	Type	Default	Description
Show arrows	Toggle (on/off)	On	Shows previous/next arrows (Image / Slides mode only).
Show pagination dots	Toggle (on/off)	On	Shows pagination dots (Image / Slides mode only).
Show slide counter	Toggle (on/off)	Off	Shows a slide counter (Image / Slides mode only).
Auto-rotate slides	Toggle (on/off)	Off	Automatically advances slides (Image / Slides mode only).
Auto-rotate interval (seconds)	Slider	7	Time between slides (in seconds). · Min: 6 · Max: 12
Transition type	Dropdown	fade	Controls how slides animate when changing (Image / Slides mode only). · Options: fade – Fade, slide – Slide

Style

Setting	Type	Default	Description
Overlay style	Dropdown	none	Adds a tint or gradient over the media to improve text contrast. · Options: none – No overlay, light – Light, medium – Medium, dark – Dark, gradient_tb – Gradient (top → bottom), gradient_bt – Gradient (bottom → top)

Blocks

Maximum blocks: 5

Slide

Block type: slide

Layout

Setting	Type	Default	Description
Content alignment (horizontal)	Dropdown	center	Positions the text left/center/right on the slide. · Options: left – Left, center – Center, right – Right
Content alignment (vertical)	Dropdown	middle	Positions the text at the top/middle/bottom of the slide. · Options: top – Top, middle – Middle, bottom – Bottom

Content

Setting	Type	Default	Description
Desktop image	Image	—	Desktop image for this slide (Image / Slides mode only).
Mobile image	Image	—	Optional. Mobile image for this slide (Image / Slides mode only). Leave blank to use the desktop image on mobile.
Image focal point	Dropdown	center	Controls which part of the image stays in view when it crops. · Options: center – Center, top – Top, bottom – Bottom, left – Left, right – Right, top_left – Top left, top_right – Top right, bottom_left – Bottom left, bottom_right – Bottom right
Eyebrow	Text	—	Optional. Small text above the heading. Leave blank to hide.
Heading	Text	—	Optional. Main headline text. Leave blank to hide.
Subheading	Multi-line text	—	Optional. Supporting text below the heading. Leave blank to hide.
Primary button label	Text	—	Primary button text. To show this button, set both the label and the link.
Primary button link	URL / Link	—	Primary button link. To show this button, set both the label and the link.
Secondary button label	Text	—	Secondary button text. To show this button, set both the label and the link.
Secondary button link	URL / Link	—	Secondary button link. To show this button, set both the label and the link.

Style

Setting	Type	Default	Description
Content container style	Dropdown	none	Adds an optional background panel behind the text for better readability. · Options: none – None, card – Card

Default Configuration

When you add this section from the Theme Editor, it comes pre-configured with:

• Hero — 1× Slide

---