Video

by Admin on Apr 11, 2024

1. What is Video?

The Video section is a part designed to embed and display a video. It is used when the goal is to have visitors concentrate on the video content without the additional elements that might be present in a video hero section. This section is ideal for detailed product demonstrations, in-depth tutorials, or any content that requires the viewer's full attention.

2. Section Components

Section	Video	Insert and display a video with text & button above

3. Location & Setup

To add & set up the Video section:

Open the Shopify Theme Editor (Online store > Themes > Customize)
Decide where you want to place the new section.
Click "Add section".
Select "Video".

4. Highlight Features

Separate desktop and mobile videos: Upload different videos for each device to ensure optimal performance.
Customizable cover image: Add a thumbnail or banner to grab attention before playback.
Flexible layouts: Adjust full width, video height, and padding for desktop and mobile.

5. Common Use Cases

🤔 How to set up the Video section?

STEP 1: Add the section

Add the Video section and click on it to open the settings panel.

STEP 2: Choose the video to show

At Desktop video settings group:

Upload a Video to display or embed a URL that supports YouTube and Vimeo videos.
(Optional) Enter descriptive text for accessibility and SEO at Video alt text.

⚠️ Note: If you have a separate video optimized for mobile, upload it in the Mobile video settings group. If no mobile video is uploaded, the theme will automatically adapt the desktop video for smaller screens.

STEP 3: Add cover image

Choose an image from your library to set as the cover of the video. This cover image will appear before the customer clicks to play, making it an excellent opportunity to showcase promotions or capture attention.

If no cover image is added, the video's first frame will automatically be used as the thumbnail.

STEP 4: Enter text content

Enter a Heading for the section. Wrap the heading text in [] to highlight it.
Choose the highlight style at Marker. Adjust the size and tag of the heading.
Enter Text for further description.

STEP 5: Adjust Desktop layout/Mobile layout

Scroll down to Desktop layout/Mobile layout settings group:

Tick the checkbox "Make section full width" to make the video's width span the full width of the user's device.
Choose Video height and padding.

STEP 6: Click "Save" to apply changes.

6. Support Information

Need help? Contact support@omnithemes.com or visit omnithemes.com.