Video gallery
Video gallery: video blocks (uploaded, YouTube or Vimeo) in a grid or a carousel.
This section also has the base settings every section shares: color scheme, layout, running head, page number, padding, divider and reveal on scroll.
Settings
| Setting | What it does |
|---|---|
| Layout | Options: Grid, Carousel. Default: grid. |
| Columns on desktop | From 2 to 4. Default: 3. |
| Order on mobile | Options: As on desktop, Second page first. Default: same. |
| Content width | Options: Narrow, Normal, Wide. Default: normal. |
| Minimum height | Options: Automatic, Small, Medium, Large, Full screen. Default: none. |
| Background image | |
| Overlay opacity | A layer in the color scheme’s background color keeps text readable over the image. From 0 to 90 %. Default: 60. |
| Padding on mobile | Options: Same as desktop, Smaller, None. Default: same. |
| Visibility | Options: Show on all devices, Hide on mobile, Hide on desktop. Default: all. |
Blocks
Video
A video: uploaded to Shopify, or from YouTube or Vimeo. The poster shows first. Uploaded videos with autoplay start only when they scroll into view; YouTube and Vimeo load their player only after the customer presses play.
| Setting | What it does |
|---|---|
| Source | Options: Uploaded video, YouTube or Vimeo. Default: shopify. |
| Video | |
| URL | |
| Cover image | |
| Video description | Describes the video for customers who use screen readers. |
| Image ratio | Options: Landscape, Portrait, Square, Vertical. Default: 16 / 9. |
| Play automatically without sound | Plays only while the video is on screen, and never for customers who reduce motion. Default: on. |
| Loop video | Default: on. |
| Show video controls | Default: on. |