Shoppable VideosBrandingCarousel

Carousel

The carousel widget gives you flexibility to present shoppable videos in a visually appealing way. By customizing its design, layout, and behavior, you can ensure the widget blends seamlessly with your store's branding while delivering an engaging shopping experience.

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.

Color

Activate dark mode

This setting switches the widget's background and elements to a dark theme.

Dark mode helps videos stand out more, reduces eye strain, and matches stores with darker branding styles.

Use dark mode if your website design has a dark background or if you want videos to pop. If your store design is light/bright, keep dark mode off for consistency.

Normal mode

Dark mode

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

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