Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Gecko - Video Popup and Inline

Mie Tran

Written by Mie Tran

Last updated

396 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

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.