Home page sections
Video scroll
Shoppable short videos as expanding panels, each linked to a product.
Settings
Section width
| Setting | What it does |
|---|
| WidthDropdown | Full widthDefaultCustom 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. |
| Setting | What it does |
|---|
| SubheadingText | Text |
| HeadingText | Text |
| DescriptionRich text | Rich text |
| Heading sizeDropdown | H1 — largestH2 — mediumH3 — small |
| Text alignmentAlignment | Alignment |
Video display
| Setting | What it does |
|---|
| Gap between videosSlider | Slider |
Panels
| Setting | What it does |
|---|
| Layout on desktopDropdown | GridScroll |
| Videos per rowSlider | Use a half to show part of the next video. |
| Layout on mobileDropdown | GridScroll |
| Videos per row on mobileDropdown | 11.52 |
| Show navigation arrowsToggle | Shown only when it applies to the options chosen above. |
| Show arrows on mobile sliderToggle | Shown only when it applies to the options chosen above. |
| Curve effectToggle | Cards tilt toward the center as the row scrolls. Turns off snapping.Shown only when it applies to the options chosen above. |
| Card shapeDropdown | Vertical 9:16Portrait 3:4Portrait 4:5Square 1:1Fixed height |
| Video heightSlider | Shown only when it applies to the options chosen above. |
| Video height on mobileSlider | Shown only when it applies to the options chosen above. |
| Video cornersDropdown | SquareRounded |
Playback
| Setting | What it does |
|---|
| AutoplayToggle | Toggle |
| Play on hoverToggle | Plays when a panel opens, stops when it closes. Off leaves the cover up. |
| Loop videoToggle | Toggle |
| Start mutedToggle | Toggle |
| Show mute/unmute buttonToggle | Toggle |
| Pause others when one playsToggle | Only one video plays at a time |
Shop this video
| Setting | What it does |
|---|
| Rotate products on the barToggle | Toggle |
Video player
| Setting | What it does |
|---|
| Open videos in a full-screen playerToggle | A carousel on desktop and a swipe feed on mobile. |
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.
Video
Video source
| Setting | What it does |
|---|
| Shopify-hosted videoVideo | Takes priority over YouTube/Vimeo URL if both are set |
| YouTube or Vimeo URLVideo link | YouTube or Vimeo only. TikTok and Reels cannot be embedded — upload the file. |
| Cover / thumbnail imageImage | Shown before the video plays and on mobile where autoplay is restricted |
Content
| Setting | What it does |
|---|
| Video titleText | Text |
| Short descriptionText | Text |
Link
| Setting | What it does |
|---|
| Link URLLink | Link |
Shop this video
| Setting | What it does |
|---|
| ProductsProducts | Shown as a bar across the foot of the video. Up to 12. |
| Setting | What it does |
|---|
| Show buttonToggle | Toggle |
| LabelText | Shown only when it applies to the options chosen above. |
| StyleDropdown | PrimaryOutlineText only Shown only when it applies to the options chosen above. |
