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

Header background

Gecko - Video Popup and Inline

Mie Tran

Written by Mie Tran

Last updated

556 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. You also can add texts and call-out buttons to this section

spaces_tdDF4h55NE3bVEDpck0F_uploads_WOfpAkE0bMCV0JS1NHPl_videoinline-1.webp

It is usually located on Homepage. However, Shopify 2.0 allows you to add the Video popup & inline section to any pages that you wanna use.

Steps

  1. In the theme editor (Customize), click Add section

  2. Search Video popup & inline

  3. Click Save

1. Video popup & inline content

The Video popup & inline section has a total of 8 content blocks, you can use those blocks to build the layout that you wanna use, you can view the video below to know about the Video popup & inline section blocks:

2. How to configure the Video popup & inline section?

- Section Height option: There are 4 choices for you to choose, if you choose the Custom height option, you can configure the height for all devices: Desktop, Tablet and mobile devices; you can enter different values for the height for the section.

spaces_tdDF4h55NE3bVEDpck0F_uploads_unZNhajbq0zkdTGpciMo_videoinline-11.webp

- Choose Image: You can upload the Background image here, this section allows you to add 2 separate images for the Desktop and Mobile devices.

spaces_tdDF4h55NE3bVEDpck0F_uploads_5IJ3glXGkuoOm9Khm01x_videoinline-10.webp

- Content align: You can choose an alignment for the content on the Video popup & inline section here. You also can set different alignments for Tablet and Mobile devices.

videoinline-12.gif

- Content vertical/ horizontal position: This option allows you to configure the vertical/ horizontal position for the content on the section. You can drag the bar to choose the position that you wanna use.

spaces_tdDF4h55NE3bVEDpck0F_uploads_lDX5iZcZxcH9zEg1lYcd_videoinline-content-pos.webp

- Layout: You can choose the layout for the Video popup & inline section here. We have 2 layouts for you to choose from: Wrapped Container and Fullwidth.

spaces_tdDF4h55NE3bVEDpck0F_uploads_eTX6veSMaULOEit0klMD_videoinline-layout.webp

- Margin/ Padding: You can configure the margin/ padding for the section here. You also can configure margin/ padding for other devices: Tablet and Mobile devices

spaces_tdDF4h55NE3bVEDpck0F_uploads_QK7S05jufzdXMBgsAZSe_videoinline-margin.webp

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