Customize Grid widget

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.

Choose neutral tones (gray, light black, or brand colors) to match your store theme.

Grid View

Items per row on desktop

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

Best practice: Set 3–4 items for a clean, balanced look.

Items per row on tablet

Adjusts the number of videos in one row on tablets.

Best practice: Set 2–3 items to keep content readable without crowding.

Items per row on mobile

Defines how many videos display per row on mobile screens.

Best practice: Set 1–2 items so videos remain easy to view and tap.

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.

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.

Recommendation: Only use if you’re a developer or experienced user who wants deeper branding control.