Ocolus - Video popup and inline

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

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