Video Section
The Video Section allows you to embed and showcase videos in your store, providing an engaging way to present brand stories, product demonstrations, or promotions.
Go to Shopify Admin > Online Store > Themes.
Click Customize on your active theme.
In the Theme Editor, click Add Section > Video.
Settings & Customization
Layout
Expand to Full Width: Enable this option to extend the section across the entire screen width.
Color scheme: You can customize the section’s appearance by changing the text color, background color, and more using preset color options.
Background Opacity: Set the transparency level (Range: 0–100%, Default: 100%). This applies to the background image, which can be customized in the theme settings.
Content Settings
Heading: Set a custom title (e.g., "Video Banner").
Heading Size: Choose from Small, Medium, or Large.
Text Position:
Above Main Heading : Position the text above the heading.
Below Main Heading : Position the text below the heading.
Desktop Content Alignment: Choose from Left, Right, or Center (Automatically centered on mobile screens).
External Video Link: Use a YouTube or Vimeo URL. (Example: YouTube Video)
Shopify-Hosted Video: Upload a video directly. (Selecting this option will override the external video link.)
Play Video on Loop: Video plays continuously.
Enable Controls: Show or hide video controls.
Section Padding
Top Padding: Adjust spacing above the section.
Bottom Padding: Adjust spacing below the section.
Shapes
Shaper : Adds shape effects to the section. Options: Shaper Top, Shaper Bottom, Shaper Both, None, Border Top, Border Bottom, and Both Borders.
Shaper Top Color : Sets the top shape color (choose your preferred color).
Shaper Bottom Color : Sets the bottom shape color (choose your preferred color).
Theme Settings & Customization
Adjust additional styles in Theme Settings.
Use Custom CSS for further design modifications.
Last updated