The Video section embeds a single video (self-hosted or from YouTube/Vimeo) with optional cover image, autoplay, and surrounding text content.
Section Settings #
Color scheme #
Choose a predefined color scheme to control the section’s background, text, and accent colors, keeping it consistent with the rest of the theme design.
Section width #
Control how wide the section appears on the page.
Options:
- Page
- Full
Source #
Choose one of the available options from the dropdown.
Options:
- Uploaded
- External url
- Image
Shopify-hosted video #
Upload or select a video file to use for this element.
youtube or Vimeo video URL #
Paste a YouTube or Vimeo URL to embed a hosted video.
Image #
Upload an image to use for this element.
Shopify-hosted mobile video #
Upload or select a video file to use for this element.
youtube or Vimeo mobile video URL #
Paste a YouTube or Vimeo URL to embed a hosted video.
Mobile image #
Upload an image to use for this element.
Autoplay #
Enable to automatically advance/play without requiring customer interaction.
Loop video #
Toggle this feature on or off.
Muted #
Toggle this feature on or off.
Overlay color scheme #
Choose a color scheme to use for the overlay layer that sits on top of the background image or video.
Overlay opacity (%) #
Adjust the transparency of the overlay layer on top of the background media. Increasing this improves text readability and contrast against busy images.
Desktop aspect ratio #
Choose one of the available options from the dropdown.
Options:
- 1:1
- 3:2
- 16:9
- 4:3
- None
Mobile aspect ratio #
Choose one of the available options from the dropdown.
Options:
- 1:1
- 2:2.5
- 2:3
- 2:4.5
- 2:5
- 3:2
- 16:9
- 4:3
- None
Direction #
Choose how the content elements are arranged.
Options:
- Vertical
- Horizontal
Desktop content position #
Defines where the overlay content is anchored within the section on desktop screens.
Options:
- Top left
- Top center
- Top right
- Middle left
- Middle center
- Middle right
- Bottom left
- Bottom center
- Bottom right
Top padding #
Add vertical spacing above the section content for better layout balance with the section above it.
Bottom padding #
Add vertical spacing below the section content for better layout balance with the section below it.
