Video carousel
Last updated
Last updated
To add this section, please follow below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Video carousel".
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.
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.
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).
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).
Video
Select a uploaded video in your Shopify admin that you want to display.
Product
Select a product for a video.
