Video

by Admin on Aug 25, 2025

1. What is Video?

The Video section allows you to embed and display videos, focusing solely on video content without additional distractions. It's perfect for product demos, tutorials, or any content that needs full viewer attention.

2. Section Components

Section

Displays a video full-width with customizable settings for layout, controls, and accessibility.

3. Location & Setup

Go to “Online Store” > “Themes” > ”Customize”.
Select where you want to place it
Click "Add Section"
Search for Video
Click on it to add.

4. Highlight features

Cover Image for Engagement: Display an eye-catching image before the video starts.
Flexible Video Sources: Upload from Shopify or embed a YouTube/Vimeo link.
Sound Control Toggle: Allow users to mute/unmute as needed.
Adaptive Layout: Enable full-width display for a cinematic experience

5. Common Use Cases

🤔 How to Set Up the Video Section?

Don’t know where to start with your Video section? Just follow this guide:

STEP 1: Add the Video section

STEP 2: Customize text elements:

Add a Heading and set the size (50%-200%).
Choose a Heading Tag (H1, H2, etc.) to enhance SEO.
Enter an optional Subheading, Text for extra context.
Enter the Button label, add Button link.

STEP 3: Choose a Video Source:

Under Shopify-hosted video, click Select Video to upload a video. Alternatively, paste a YouTube or Vimeo link. (If you enter both, the embedded URL takes priority).

STEP 4: Click “Save” when done.

🤔 What customization options can you give your Video?

For the whole Video section:
✨ Make the video autoplay & loop:	Click on the Video section, and turn on the Used as Hero setting.
✨Set a cover Image instead of video thumbnail:	Click on the Video section, and upload an image into the Cover image setting.
✨Adjust the content position on the image:	Click on the Video section, find and choose your favorite the Desktop position setting. If you want custom position, just choose “Custom” and adjust the Custom horizontal position and Custom vertical position.
✨ Adjust the overlay opacity:	Click on the Video section, find the Overlay opacity setting, and adjust the opacity from 0% - 100%.
✨ Change the content aligment:	Click on the Video section, find the Alignment setting, and choose it to be Left, Right, or Center.
✨ Change the padding:	Click on the Video section, and scroll down to the Section layout group, and you will be able to change the Top padding and Bottom padding.
✨ Change color scheme:	Click on the Video section, and choose the overall scheme you want to use in both light and dark mode in the Color scheme.

Need help? Contact our support team at Omni Themes Support.