Shoppable VideosBrandingGrid

Grid

The grid widget is a versatile way to showcase multiple shoppable videos in a clean, organized layout. With flexible design and display options, you can adjust borders, spacing, and playback settings to match your store's style while keeping the viewing experience engaging across desktop, tablet, and mobile devices.

Border

Border radius

Controls how rounded the corners of each video item are.

Border width

Defines how thick the borders are around each video item.

Border color

Sets the color of the border around each video item.

Grid View

Items per row on desktop

Controls how many videos appear side by side on larger screens (laptop, PC).

Items per row on tablet

Adjusts the number of videos in one row on tablets.

Items per row on mobile

Defines how many videos display per row on mobile screens.

Spacing

Gap between 2 videos

Controls the amount of space between video items in the grid.

Player

Display video thumbnail

Shows only the thumbnail image. Customers must click to watch the full video.

Play video automatically

Plays a 3-second loop automatically to grab attention.

Play on hover

Displays a thumbnail first, then auto-plays the video when customers hover.

Product

Activate quick add feature

Lets you link products directly to a video. Customers can quickly add items to cart without leaving the page.

Quick add feature

Normal

View the product in an external window

This option opens the product page in a new browser tab or window when a customer clicks on the linked product.

Custom CSS

An advanced option that allows you to fully customize the look and feel using CSS code.

This settings requires you to understand CSS knowledge, if you aren't, please contact us. We will support you to customize it.

Customize for a specific section

Also, if you want to customize each section in your store, for example this section shows 3 items in a row, that section shows 5 items in a row. We also provide options here.

Customize section