Image Banner

Section handle: image-banner

Settings

Layout

Setting	Type	Default	Description
Variant	Dropdown	overlay	Choose a layout. Some options below will change depending on the layout you select. · Options: overlay – Overlay (default), split_left – Split: text right, split_right – Split: text left, full_bleed – Full bleed
Height	Dropdown	medium	Sets the banner height. · Options: small – Small, medium – Medium, large – Large, full – Full viewport
Horizontal alignment	Dropdown	center	Moves the text content left/center/right. · Options: left – Left, center – Center, right – Right
Vertical alignment	Dropdown	middle	Moves the text content to the top/middle/bottom. · Options: top – Top, middle – Middle, bottom – Bottom

Content

Setting	Type	Default	Description
Desktop image	Image	—	Desktop image. If blank, the mobile image will be used.
Mobile image	Image	—	Mobile image (optional). Used on smaller screens.
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. Leave blank to hide.
Heading	Text	—	Optional. Leave blank to hide.
Subheading	Rich text	—	Optional. Leave blank to hide.
Body	Rich text	—	Optional. Rich text content below the heading.
Primary button label	Text	—	To show this button, set both the label and the link.
Primary button link	URL / Link	—	To show this button, set both the label and the link.
Primary button style	Dropdown	primary	Choose how the primary button looks (or use a simple text link). · Options: primary – Primary button, secondary – Secondary button, link – Text link
Secondary button label	Text	—	To show this button, set both the label and the link.
Secondary button link	URL / Link	—	To show this button, set both the label and the link.
Secondary button style	Dropdown	secondary	Choose how the secondary button looks (or use a simple text link). · Options: primary – Primary button, secondary – Secondary button, link – Text link

Style

Setting	Type	Default	Description
Overlay style	Dropdown	none	Adds a tint or gradient over the image to improve text contrast. · Options: none – No overlay, light – Light, medium – Medium, dark – Dark, gradient_tb – Gradient (top → bottom), gradient_bt – Gradient (bottom → top)
Content container style	Dropdown	none	Adds a background behind the text. Card style applies to Overlay and Full bleed layouts. · Options: none – None, card – Card
Show decorative motif	Toggle (on/off)	Off	Displays a small decorative line between the eyebrow and heading.

Default Configuration

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

• Image Banner — default settings, no pre-added blocks

---