Video

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

Setting
Description

Remove section spacing

By enabling this checkbox, you can remove spacing of the section.

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

Layout

Customization of the "Layout" in this section is as follows:

  • Wide

  • Container

Heading

Text

Enter text to defines the main heading of the section.

Text color

You can customize the foreground color of the heading by using the color option.

Size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Alignment

Customization of the "Alignment" in this is as follows:

  • Left

  • Center

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.

Desktop video size

Customization of the "Desktop video size" in this is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Mobile video size

Customization of the "Mobile video size" in this is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Video alt text Add alt text to describe the video for customers using screen readers.

Overlay opacity

Using this settings, you have the ability to change the content overlay opacity. Modify the "overlay opacity" setting to increase or decrease the opacity level of the overlay on the video content.

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.

Play button position

Customization of the "Play button position" in this section is as follows:

  • Center

  • Bottom right

Text

Enter a text to display below the play button. Applicable when play button position is set to center.

Text size

Customization of the "Text size" in this section is as follows:

  • Small

  • Medium

  • Large

Style

Content close button on hover

Enable this checkbox to show content close button, use to hide video content.

Content color scheme

In this section, you can change the background and foreground color of the content using the color scheme:

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Desktop content position

Customization of the "Desktop content position" in the video section is as follows:

  • Top left

  • Middle left

  • Bottom left

Content alignment

Customization of "Content alignment" is as follows:

  • Left

  • Center

  • Right

Show content background

By enabling this checkbox, you can show content background.

Content background opacity

Using this settings, you have the ability to change the content background opacity. Modify the "Content background opacity" setting to increase or decrease the opacity level of the overlay on the video content.

Add block

Click on "Add block" and its customization is as follows.

Block
Description

Heading

Text Enter text to display as a title on the block. Size

Following is the font size customization of the title in the block:

  • Small

  • Medium

  • Large

Uppercase heading By enabling this checkbox, you have the ability to show uppercase heading.

Text

Text

Click on the "Add block" and select the text. And enter text to display as a description on the section.

Size

Following is the font size customization of the title in the block:

  • Small

  • Medium

  • Large

Button

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

Customization of the "Button style" in the video section is as follows:

  • Link

  • Outline

  • Solid

Last updated