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

Header background

Ocolus - Video popup and inline

Annie

Written by Annie

Last updated

502 views

On this page


This section allows you to create a popup video with a background image, customers can click on the button video option to see the popup video.

Steps: In the theme editor (Customize) > Add section > Video popup and inline > Save.

1. Video popup and inline contents

Click on Slideshow > ADD BLOCK > choose the block you want to add.

1.1. Button video

The Source video option allows you to choose to show the video from Youtube, Upload file or Shopify-hosted.

  • If you use Youtube video, you can copy and paste the link video from Youtube to the video URL.

  • If you use "Shopify hosted", you just need to pick a video in "Shopify-hosted video" option

11.png
  • You can enable autoplay, looping, close button.

  • Config Click action and design button play & close. Please check this video:

1.2. Other blocks

You are allowed to add Text, Button, HTML, Image(Child), Countdown timer, Space HTML to this section.

You can refer to this video to know more about these blocks:

2. Video popup and inline settings

2.1. GENERAL OPTIONS

  • Section height: This allows you to set the height for the section.

  • Use custom height: Turn on this option to use custom height for the background section on desktop, tablet and mobile devices. Please check this video to config the height.

  • Cover image: This option allows you to upload an Image as a banner for desktop and mobile versions. You also can Enable parallax scroll for the image.

2.2. CONTENT POSITION OPTION

  • Content align: You can align content to Left, Center or Right.

  • Content vertical/horizontal position: choose the position for the content inside.

  • Content padding: You can set the padding for Block content on desktop or mobile devices.

  • Background content, Border content: You can set color, opacity, style, padding for background and border content.

Please check this video to config in detail:

2.3. DESIGN OPTIONS

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

🎁 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.