Collection video
To add this section, please follow the 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 "Collection video".
Setting | Description |
---|---|
Section width | Select the section width from the dropdown menu:
|
Customize width | Determines the width of the section when you choose 'Custom width' option at 'Section width' setting . Can be from 1000px to 1800px, increasing arithmetically of 50px (pixel). |
Play video on loop | Allows a video to automatically replay once it has finished playing. |
Section header
Setting | Description |
---|---|
Heading | Add text to display as a section heading (Leave the field blank to hide the heading) |
Heading size | The font size of the section heading:
|
Heading transform | Specifies how to capitalize the section heading text:
|
Heading margin bottom | Set the margin area on the bottom of the section heading. You can drag from 0px to 100px, increasing arithmetically by 1px (pixel). |
Text | Add text to display as a custom content (Leave the field blank to hide the custom content) |
Text margin bottom | Set the margin area on the bottom of the text. You can drag from 0px to 100px, increasing arithmetically by 1px (pixel). |
Header alignment | Set horizontal alignment for content inside section containers:
|
Button
Setting | Description |
---|---|
Button label | Add text to display as a button label (Leave the label blank to hide the button) |
Button link | Set the link of the button, for example the customer service page. |
Button alignment | Set horizontal alignment for content inside section containers:
|
Button top margin | Determines the margin area on the top of the button. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Block Video
Setting | Description |
---|---|
Heading size | Font size of text:
|
Font weight heading | Select the font weight from the dropdown menu:
|
Heading transform | Specifies how to capitalize the block heading text:
|
Heading alignment | Set horizontal alignment for content inside section containers:
|
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Colors
Setting | Description |
---|---|
Color scheme | Select a color scheme to set the text and background colors for the section. |
Carousel
Setting | Description |
---|---|
Space between | Determines the grid spacing between of section on desktop devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel). |
Space between tablet | Determines the grid spacing between of section on tablet devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel). |
Space between mobile | Determines the grid spacing between of section on mobile devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel). |
Enable arrows | Display arrows on devices:
|
Enable pagination | Display pagination on devices:
|
Pagination type | Select the pagination type from the dropdown menu:
|
Number of columns on desktop | Determines the number of blocks to display on desktop screen. Can be from 3 to 6, increasing arithmetically of 1 |
Number of columns on mobile | Determines the number of blocks to display on mobile screen. Can be from 1 to 2, increasing arithmetically of 1 |
Animations
Setting | Description |
---|---|
Text animation | Apply effects to the text on scroll:
|
Image animation | Apply effects to the image on scroll:
|
Section padding
Setting | Description |
---|---|
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Top padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Last updated