What this section controls
- Headings, text content, and on-page messaging
- Images, videos, and other media presentation options
- Layout structure, width, alignment, and spacing
- Color schemes, contrast, and shared visual styling
Getting started
Add or open Video
Add the Video section to a compatible template or select the existing section from the left sidebar.
Section settings
Settings
Shows when no Shopify-hosted video is selected.
Heading
Heading
Enter the content used for heading.Default:
t:sections.video.settings.heading.defaultHeading size
Heading size
Choose how Heading size behaves in the section.Available options: XS, S, M, L, XL.Default:
h1Play video on loop
Play video on loop
Enable or disable Play video on loop.Review the result on both desktop and mobile when media changes are involved.Default:
disabledVideo
Video
Choose a hosted video for video.Review the result on both desktop and mobile when media changes are involved.
External video
External video
Paste an external video URL for external video.Review the result on both desktop and mobile when media changes are involved.Default:
https://www.youtube.com/watch?v=_9VUPq3SxOcUse a YouTube or Vimeo URLCover image
Cover image
Upload or choose an image for cover image.Review the result on both desktop and mobile when media changes are involved.
Video alt text
Video alt text
Enter the content used for video alt text.Review the result on both desktop and mobile when media changes are involved.Describe the video for customers using screen readers. Learn more
Style
Make section full width
Make section full width
Enable or disable Make section full width.It has the strongest effect on layout balance and visual hierarchy.Default:
disabledCommon settings
Section width
Section width
Choose how Section width behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: Page, Fluid, Full.Default:
pageColor scheme
Color scheme
Select the color scheme used for color scheme.Use this to keep contrast and branding consistent with the rest of the store.Default:
scheme-1Top spacing
Top spacing
Choose how Top spacing behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: No, S, M, L, XL.Default:
2Bottom spacing
Bottom spacing
Choose how Bottom spacing behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: No, S, M, L, XL.Default:
2Section border
Section border
Choose how Section border behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: None, Top, Bottom, Both.Default:
noneBest practices
- Check contrast after changing color schemes so text and controls remain easy to read.
- Review media-heavy layouts on both desktop and mobile before publishing.
- Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
- Start with the structural settings first, then refine decorative styling after the layout feels settled.
- Preview the section with realistic content length to catch spacing and wrapping issues early.