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

Header background

Kalles - Video popup and inline


Written by Annie

Last updated


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 or inline video.

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

1. Video popup and inline contents

Click on Video popup and inline > 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

  • 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


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


  • 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:


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

[Private Offer] EComposer Partner Plan

Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Cheers, The4.

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