Video

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

SettingDescription

Make section full width

By enabling this checkbox, you can make section full width.

Heading

Enter text to display as a title in the section.

Hide heading

By enabling this checkbox, you have the ability to hide section heading.

Enable space between video block

Allows you to set a gap between video blocks for better spacing and visual appeal

Block width ratio

Customization of the "Block width ratio" in the video section is as follows:

  • 40-60

  • 50-50

  • 60-40

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.

Auto play video

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

Enable controls

You can enable the video controls to start and stop the video.

Mute video

By enabling this checkbox, you can mute the video.

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

Add video

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

BlockDescription

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.

Enable play button

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

Video alt text

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

Icon

Using this feature will display selected icon next to the content

Subheading

Enter text to display as a subheading in the section.

Heading

Enter text to display as a heading in the section.

Heading size

Customization of "Heading size" is as follows:

  • Small

  • Medium

  • Large

Description

Enter text to display as a description in the section.

Button label

Use "Label" to add a text to the Button in the section.

Icon

Using this feature will display selected icon next to the button label.

Button link

Use "Button link" to add a link to the Button in the section.

Open this link in a new window

By using the "Open this link in a new window" option, the link will open in a new tab.

Button style

Customization of the button style in this section is as follows:

  • As a link

  • No fill

  • Fill

Content text alignment

Customization of the content alignment in this section is as follows:

  • Left

  • Center

  • Right

Vertical content alignment

Customization of the vertical content alignment in this section is as follows:

  • Top

  • Middle

  • Bottom

Horizontal content alignment

Customization of the horizontal content alignment in this section is as follows:

  • Left

  • Center

  • Right

Show container

When 'Show container' is enabled, the video content container box will be visible.

Container overlay opacity

By enabling this checkbox, you have the ability to change the container overlay opacity. Modify the "Container overlay opacity" setting to increase or decrease the opacity level of the overlay on the video content.

Enable glass effect

Allows you to enable a glass-like effect for a modern and stylish appearance.

Background color

Modifying the color of the content background will result in a corresponding color change for the content background.

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

Last updated