Collection list

You can add a list of collections that you want to highlight. You can add up to 6 collection blocks to a collection list.

To add this section, please follow the 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 "Collection list".

Section settings

Setting	Description
Heading	The title for this section.
Heading style	Style of the heading: Default Marquee from left to right - Scrolls text horizontally on the screen, starting from the left side and moving towards the right. Marquee from right to left - Scrolls text horizontally on the screen, starting from the right side and moving towards the left.
Heading size	The size of the heading text: Small Medium Large Extra large
Heading alignment	The alignment of the heading text and description within the section container: Left - Aligns the heading and description to the left. Center (default) - Aligns the heading and description in the center. Right - Aligns the heading and description to the right.
Description	The description for this section.
Image ratio	The image ratio for the collection images: Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped. Square - Crops the images to use a 1:1 ratio. Portrait - Crops the images to use a 2:3 ratio.
Color scheme	Set the color for the section.

View all collection

Setting	Description
Enable "View all" button	Displays the button that takes the customers to the list of collections.
Button style	Style of the "View all" button: Filled Text link Outlined

Section padding

Setting	Description
Top padding	Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).
Bottom padding	Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Collection block

Setting	Description
Collection	Select a collection that you want show in this block.
Image	Custom image for this collection. Leave the image blank to show the collection image if available.
Show description	Show the collection description for this block.
Content padding	Determines the width of the left inner space and the right inner space of the content. Content padding will automatically optimize to fit each screen size.
Button label	The text that displays on the button.
Button style	Style of the button: Filled Text link Outlined
Block layout	Allow this block overlap to the block or element above it.

Desktop padding

Setting	Description
Top padding	Determines the height of the top inner space of the section. Can be from 0% to 100%, increasing arithmetically of 1% (percent).
Left padding	Determines the width of the left inner space of the section. Can be from 0px to 200px, increasing arithmetically of 2px (pixel).
Right padding	Determines the width of the right inner space of the section. Can be from 0px to 200px, increasing arithmetically of 2px (pixel).