Home page sections
Video hero
A full-width background video with a heading and buttons on top. Plays muted and loops.
Settings
Section width
| Setting | What it does |
|---|
| WidthDropdown | Full widthCustom width |
| Custom widthSlider | Shown only when it applies to the options chosen above. |
Color scheme
| Setting | What it does |
|---|
| Use the store's default color schemeToggle | Toggle |
| Color schemeColour scheme | Shown only when it applies to the options chosen above. |
Video source
| Setting | What it does |
|---|
| YouTube or Vimeo URLVideo link | Paste a YouTube or Vimeo video URL |
| Shopify-hosted videoVideo | Takes priority over YouTube/Vimeo if both are set |
| Fallback imageImage | Shown on mobile and while the video loads |
Mobile video (optional)
| Setting | What it does |
|---|
| Mobile YouTube or Vimeo URLVideo link | If set, plays on mobile instead of the desktop video |
| Mobile Shopify-hosted videoVideo | Video |
Playback
| Setting | What it does |
|---|
| AutoplayToggle | Toggle |
| Start mutedToggle | Toggle |
| Loop videoToggle | Toggle |
| Show play/pause buttonToggle | Toggle |
| Show mute/unmute buttonToggle | Toggle |
Height
| Setting | What it does |
|---|
| Desktop heightDropdown | Full screenExtra largeLargeMediumSmallOriginal (image height) |
| Mobile heightDropdown | Full screenExtra largeLargeMediumSmallOriginal (image height) |
Content overlay
| Setting | What it does |
|---|
| Show content overlayToggle | Toggle |
| Content positionDropdown | Top leftTop centerTop rightMiddle leftMiddle centerMiddle rightBottom leftBottom centerBottom right Shown only when it applies to the options chosen above. |
| Text alignmentDropdown | LeftCenterRight Shown only when it applies to the options chosen above. |
Overlay and text color
| Setting | What it does |
|---|
| Enable color overlayToggle | Toggle |
| Overlay colorColour | Shown only when it applies to the options chosen above. |
| Overlay opacitySlider | Shown only when it applies to the options chosen above. |
Spacing
| Setting | What it does |
|---|
| Top paddingSlider | Slider |
| Bottom paddingSlider | Slider |
Blocks
Blocks are the pieces you add, remove and reorder inside the section, under Add block.
Subheading
| Setting | What it does |
|---|
| TextText | Text |
Heading
| Setting | What it does |
|---|
| HeadingText | Text |
| Heading sizeDropdown | H1 — largestH2 — mediumH3 — small |
Text
| Setting | What it does |
|---|
| TextRich text | Rich text |
| Setting | What it does |
|---|
| LabelText | Text |
| LinkLink | Link |
| StyleDropdown | PrimaryOutlineText only |
| Button sizeDropdown | Large makes it one step bigger than the store's button size. StandardLarge |
