Collection with bundle
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 with bundle".
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). |
Section header
Setting | Description |
---|---|
Heading | Add text to display as a section heading (Leave the field blank to hide the heading) |
Heading size | Font size of text:
|
Text | Add text to display as a custom content to describe this section (Leave the field blank to hide the description text) |
Text size | Select the font size of the description text:
|
Content alignment | Set horizontal alignment for content inside section containers:
|
Bottom margin | Determines the height of the bottom outside space of the header. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Carousel
Setting | Description |
---|---|
Space between | Determines the distance between 2 blocks. |
Enable arrows | Display arrows on devices:
|
Arrows position | Select the arrows position from the dropdown menu:
|
Enable infinite scroll | Select this option if you want the images to scroll infinitely (Recommended when 'Block' is greater than 2) |
Enable pagination | Display pagination on devices:
|
Pagination type | Display pagination type on devices:
|
Colors
Setting | Description |
---|---|
Color scheme | Select a color scheme to set the text and background colors for the section. |
Use custom color | Select this checkbox to use the custom colors for this section. (The 3 following settings only take effect if this checkbox is ticked) |
Text | Set the color for the text |
Background | Set the background color for this section (If a background gradient is set, the section's background will be set according to the background gradient setting) |
Background gradient | Set the background gradient for this section |
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