Shopable video

Elevate customer 's product browsing experience with captivating video thumbnails that provide dynamic previews of each item, allowing them to explore the unique features and benefits of the products before making a purchase.

Steps

  1. In the theme editor (Customize), click Add section

  2. Locate Shopable video

  3. Save

General settings

1. Section header

Use the provided fields to add a heading/description for the section. Leave any of the fields blank if you do not want to display them.

Add focal point: This feature helps you select the most important part of an image for your store. It ensures that the focal points of the image always remain visible, even if a section crops the image to fit the layout.

Please follow this link for more information.

2. General

You can choose a Layout among Default, Fluid container, Full width for the general layout.

You can choose the Color scheme you want, and the colors of sections and blocks will be configured according to the color settings of that color scheme

3. Video settings

Products per row (between 1 and 4), and the column gap (between 0 and 50).

Select the behavior of the carousel by choosing from the following options: Autoplay, Infinity, and Show Arrows. Enabling Dot allows you to navigate directly to any existing slide.

5. Section padding

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.

Video settings

When selecting a thumbnail to represent your product, we prioritize the use of videos. If both an image and a video are available, the video will be displayed, providing customers with an engaging and interactive preview of the product.

Last updated