Video

When users need to show video-related information they can use this section for displaying videos with text.

Setting
Description

Make section full width

By enabling the checkbox, you make section full width.

Banner

Show space between images By enabling the checkbox, you can see space between images. Banner image Select banner image with video. Show container on desktop By enabling the checkbox, you can see text background on desktop.

Desktop content position

Customization of content position is as follows:

  • Top Left

  • Top Center

  • Top Right

  • Middle Left

  • Middle Center

  • Middle Right

  • Bottom Left

  • Bottom Center

  • Bottom Right

Content alignment Customization of content alignment is as follows:

  • Left

  • Center

  • Right

Content container color scheme In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

Play video on loop

Enabling "Play video on loop" will result in the video continuously looping. When the video finishes playing, it will automatically restart.

Show play button

By enabling this checkbox, you can show the play button on the video.

Auto play video

By enabling "Auto play video" the video will automatically start playing.

Shopify hosted video

Video Use only the MP4 video here. Or embed video from URL Add Youtube, Vimeo URL and display the video. Cover image You will add a cover image, which will appear on the video. Video alt text Add alt text to describe the video for customers using screen readers.

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

  • Scheme 6

Add block

To add blocks to the Video section, click on the 'Add block'. There are many options available similar to the video, as you can see in the below points and screenshot:

Setting
Description

Heading

Text Enter text to display as a title in the section.

Note: Use the slash "/" "/" to highlight words. The following example: /Text/. Size

Customization of the "Size" in the Video section is as follows:

  • Small

  • Medium

  • Large

Description

Text Enter text to display as a description in the section. Style

Customization of the "Style" in the Video section is as follows:

  • Body

  • Uppercase

Button

Label Click on the "Add block" and select the Button. Use "Button label" to add a label to the Button in the section. Link Click on the "Add block" and select the Button. Use "Button link" to add a link to the Button in the section. Style

Customization of the "Style" in the Video section is as follows:

  • Link

  • Outline

  • Button

Last updated