Hero
A large picture or video with words on it, usually the first section of a page.
Blocks: Heading, Text, Buttons, Countdown, Image, Notice, Spacer.
Settings
Content
Image
Image on phones
Optional. Replaces Image on phones.
Video
Image before it plays
Shows until the video starts. Without one, the video's first frame shows.
Follow Theme settings for playback and shape
Loop and Show a sound button from Theme settings › Images › Video. The Hero's video always starts on its own.
Loop
Show a sound button
A Sound button in the corner lets shoppers hear a video that starts on its own, muted.
Follow Theme settings for images
Theme settings › Images › Section images (shape, images in another shape) and Grain › Show on image sections. Turn off to set this section's own. With the content on the image, Height sets the size unless it is The image's shape.
Images in another shape
Show grain
Fine film grain over the image (Theme settings › Images › Grain sets its strength).
Photo credit, left
Photo credit, right
Layout
Follow Theme settings for content placement
Theme settings › Content on images: where the blocks sit, their alignment, width, distance from the edges, spacing and box. Turn off to set this section's own.
Content position on desktop
Content position on phones
Content position beside the image
Image side
Image's share of the width
Text alignment on desktop
Text alignment on phones
Content width
Beside an image, Full width is the whole column.
Distance from the image's edges
Space between blocks
Box behind the content
Box color scheme
Words color
On the image. Automatic picks light or dark for the part of the image behind the words (Readability, below, sets how strict it is).
Shade
Shade style
Height
With the content on the image. The image's shape keeps Image shape where the section has one (else the image's own proportions); the section grows if the content needs more room.
Transparent header over a first image
When the section is first on the page and its content is on the image. Match the words takes the words' color.
Appearance
Follow Theme settings for the section frame
Color scheme: Theme settings › Colors › Page color scheme. Space above and below: Theme settings › Layout. Turn off to set this section's own.
Color scheme
Width
Full width runs as far as Layout's reach lets full-width images and grids; Page width keeps the section inside the page margins.