Video

The Video block lets you bring your store to life with motion and storytelling. You can upload or link a video, set a poster image, enable autoplay or looping, and adjust the ratio for a seamless viewing experience — perfect for capturing attention and building emotional connection with customers.

General settings

Setting
Description

Source

Specifies the origin of the video content. Available options include:

  • Uploaded Video (a file added directly to your store’s media library)

  • External Video Link (a URL from an external platform, such as YouTube or Vimeo).

Video URL

Choose a video file uploaded to your store’s media library to be used as the local video source for this section.

Video auto play

Enables or disables automatic video playback when the page loads.

When enabled, the video will start playing without user interaction.

Video looping

Enables or disables continuous playback of the video.

When enabled, the video will automatically restart from the beginning each time it finishes playing.

Video alt text

Provides alternative text describing the video content.

This text is used for accessibility purposes and may be displayed if the video cannot be loaded or played.

Aspect ratio

Defines the proportional relationship between the video’s width and height. Available options include:

  • 16:9

  • 21:9

  • Adapt to Video (automatically adjusts to the original aspect ratio of the uploaded or linked video).

Video width

Specifies the width of the video as a percentage of its container’s width. This allows the video size to scale responsively within the layout.

Border - Style

Specifies the appearance of the element’s border. Available options include:

  • None (no border)

  • Solid (a continuous solid line border).

Border thickness

This is the parameter to determine the thickness (or thinness) of the border around an element.

Border opacity

This is the transparency level of the border.

Border - Corner radius

Adjust this value to create sharp or rounded edges, enhancing the visual style of the component.

Top/Bottom Spacing

Adjust these values to control the amount of space between the section’s content and its outer edges.

Last updated