How to use Electro Video banner

About Electro Video Banner SectionClick to copy 2222

OverviewClick to copy 2222

Electro Video Banner Section allows you to add a video as a background element in the header or banner section of your online store’s homepage. It can help make your store more visually engaging and dynamic.

Can I add Youtube or Vimeo Video Links to Electro Video Banner? Yes
What is the recommended size for video in the Electro Video Banner? (Horizontal) 9:16

Access Electro Video Banner SectionClick to copy 2222

Step 1: Go to Online Store > Themes > click on Customize

Step 2: Click on Add Section block > search for Video Banner on the search bar and hit Video Banner

Step 3: Click on Video Banner block or each content block to edit the content or Add Content to have more Content block

Configure Electro Video BannerClick to copy 2222

The settings of the Video Banner section and Video content block are similar to the Image Banner section and Image Content block. Instead of selecting an image, you can paste your video link at Video Link or select video from Shopify-hosted video which has been updated in your Shopify store.

In the External video, Electro theme supports Youtube and Vimeo video.

If you use video from the Shopify-hosted video, it will override the External video before.

Content Block ConfigurationClick to copy 2222

Please note that the number of blocks can be added in this section is limited to 1 block.

To adjust for the Block content, click on the block and go to the Settings.

video banner

In the Content tab, information on the section can be shown at Content position of the section area, which can be changed at the Content Position dropdown selector:

  • Top left

  • Top center

  • Middle left

  • Middle center

  • Bottom left

  • Bottom center

After that, You can change the content in the block in the Text tab with Subheading, Heading and Description. If you want to remove the Text part, simply remove the content in the text box.

In the Buttons card, insert the button label name for the Primary and Secondary button to add buttons on the section. Click on the button link to add a direct link for them. If you want to remove one button, just delete the text in the button label.

Frequently Asked QuestionsClick to copy 2222

What is Electro Video Banner?Click to copy 2222

Electro Video Banner Section is a simple way to add video to your landing page, to visually show specific features and contents of the products and services

Difference between Electro Video Banner and Video With Text?Click to copy 2222

The Electro Video Banner Section is designed to focus on the video to display guided, long-form video, as its size is more compatible with YouTube and Vimeo defaulted size. However, you cannot add text to the Electro video banner section, as this section only allows: heading, one-line description with a CTA button.

Why should I use Overlay opacity for the top layer?Click to copy 2222

To ease out or increase the color density, so it would be easier to read and display the contents.

Navigate this category