SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Ecomus - Video sections

Harry

Written by Harry

Last updated

689 views

On this page


There are 4 video sections. These sections allow you to create the video and add texts, call-out buttons for them.

  • Video: no autoplay, has sound & control

  • Video background: has autoplay, no sound & control

  • Video with text, Video with text 2: can enable/disable 'autoplay and turn off sound'

Steps: In the Theme editor (Customize) > Add section > Video > Save.

1. Video

  • Video source: choose from Upload file or embed link video from Youtube.

To use Youtube embed video, you follow this guide.

11.png
  • Video ratio, Color, Section padding: you check this video to configure them.

2. Video background

1.1. Configuration

  • Video height: You can customize the height with specific options available for both desktop and mobile views.

2024-01-04_13-44-07.png
  • Video source: you have the option to include videos either from your computer or external sources by inserting a link.

2024-01-04_13-46-41.png
  • Color Scheme: You can learn more about color schemes in this document

  • Other settings: You have the flexibility to modify the text's position and alignment, as well as adjust the section's padding on both desktop and mobile devices.

2024-01-04_13-56-19.png

1.2. Video Blocks

There are 4 blocks you can add to the video: Heading, Sub-heading, Label, and Button.

2024-01-04_13-57-35.png

3. Video with text

13.png

3.1. Item content

Go to Video with text > Add item content. Then you can change the content in each block.

14.png

3.2. Video with text options

  • Heading options: fill in Heading & Subheading, Heading tag, Heading spacing, etc...

15.png
  • General options:

16.png

Video height: You can customize the height with specific options available for both desktop and mobile views.

Video source: choose from Upload file or embed link video from Youtube.

Video position: choose the video on the left/right side

Enable autoplay and turn off sound

  • Options for layout section: choose Color and enable Fullwidth

  • Section padding

17.png

4. Video with text2

21.png

4.1. Video with text2 blocks

There are 5 blocks you can add to the video: Heading, Sub-heading, Label, Countdown and Button.

22.png

4.2. Video with text2 options

  • Main image: only works with Video option: Popup video

  • Video height: You can customize the height with specific options available for both desktop and mobile views.

    Video source: choose from Upload file or embed link video from Youtube.

  • Video position: choose the video on the left/right side

Enable autoplay and turn off sound
Options for layout section: choose Color and enable Fullwidth

  • Desktop & Mobile options: Content position and Text alignment on each device.

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.