Hero banner

The page-opening hero. Content lives in **Hero scene** blocks, each with 25 settings covering media, copy, buttons, and treatment.

Merchant-addable

Yes

Settings

28

Block types

1

File

sections/hero-banner.liquid

Used by default on: Home

When to use it

The top of the home page, and landing pages.

Setting it up

1. Add the section as the first item on the template.
2. Set Section size — this controls the height and whether it runs full-bleed.
3. Add a Hero scene block and configure its media, heading, and buttons.
4. Set Motion if you want entrance treatment. It respects the global motion setting and reduced-motion preferences.

Where the content comes from

Blocks own all hero content.

Notes and cautions

• As the largest above-the-fold image, the hero is almost always your Largest Contentful Paint element. Upload a properly sized image — the theme handles responsive variants, but it cannot fix a 6 MB source file.
• Keep the heading to one line at desktop if you can. Two lines of display type is a lot of screen.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

Blocks

Blocks are added, reordered, duplicated, and removed inside the section. Each type has its own settings.