Video carousel

To add this section, please follow below steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Video carousel".

Section settings

General

Settings
Description

Section width

Select the layout width of the whole section. The options are: Default (same as the body width) Width (1170px) Width (1770px) Full width (100% of the viewport width).

Padding for 'full width' option on desktop

Determine the left and right padding of the section when the full width layout is selected.

Grid gap

Determine the gap between each block items

Auto-rotate slides

This feature allows sliders to transition automatically for a specific duration.

Change slides every

Select the time to automatically change to another slide. The options are:

3/4/5/6/7/8/9/10 seconds

Note: Only works when using the 'Auto-rotate slides' setting

Show navigation dots on desktop

Toggle the paginating dots on Desktop.

Show navigation dots on mobile/tablet

Toggle the paginating dots on Tablet and Mobile.

Show navigation arrows on desktop

Toggle the navigation arrows on Desktop.

Show navigation arrows on mobile/tablet

Toggle the navigation arrows on Mobile.

Section header

Settings
Description

Title

Enter text for the section title.

Show title border

Allows displaying the top or bottom border of the title depending on the style of the Header Block.

Title color

Set color for the section title.

Title font size

Specify the font size of the section title.

Title font size on mobile

Specify the font size of the section title on Mobile device.

Description

Enter text for the section description.

Description color

Set color for the section description text.

Description font size

Determine the font size of the description text.

Alignment

Select the alignment of the content including title, description to be either to the Left, Right or Center.

Bottom margin

Determine the bottom spacing of the Header.

Top padding

Settings
Meaning

Desktop

Determines the height of the top inner space of the section on the desktop device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).

Tablet

Determines the height of the top inner space of the section on the tablet device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).

Mobile

Determines the height of the top inner space of the section on the mobile device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).

Bottom padding

Settings
Meaning

Desktop

Determines the height of the bottom inner space of the section on the desktop device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).

Tablet

Determines the height of the bottom inner space of the section on the tablet device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).

Mobile

Determines the height of the bottom inner space of the section on the mobile device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).

Blocks settings

[BLOCK] Video

Settings
Description

Video

Select a uploaded video in your Shopify admin that you want to display.

Product

Select a product for a video.

Last updated