Home page sections
Image/video banner
A large image or video banner with text, for campaigns and page openers.
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. |
Images
| Setting | What it does |
|---|
| Desktop imageImage | Takes priority over desktop video |
| Mobile imageImage | Takes priority over mobile video; desktop image used as fallback if blank |
Desktop 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 |
Mobile video source (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 |
| Fallback imageImage | Shown when no image is set and video cannot play |
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 |
