Collection list
Last updated
Last updated
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 list".
Heading
Add text to display as a section heading. (Leave the field blank to hide the heading)
Heading size
Font size of text:
Small
Medium
Large
Extra large
Enable "View all" button if list includes more collections than shown
Enable/disable checkbox
Label view all
Add text to display as a link label on the section. (Leave the field blank to hide the link).
Image ratio
Determines the ratio between the image's width and height.
Select image ratio from the dropdown menu:
Adapt to image
Portrait
Square
Image shape
Display image type:
Default
Arch
Blob
Chevron left
Chevron right
Diamond
Parallelogram
Round
Standard-styled cards have no borders when an image shape is active.
Number of columns on desktop
The number of products from the (collection or products) to display on desktop. Must be an even number. Minimum: 1. Maximum: 6.
Desktop horizontal space
Determines the grid spacing between horizontal of blocks on desktop devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Mobile horizontal space
Determines the grid spacing between horizontal of blocks on mobile devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Heading transform
Select the heading transform style for the section:
Lowercase
Capitalize
Uppercase
Normal
Typography for heading
Select the Font Style from Font Heading or Font body. These two font families are specified in the Theme settings > Typography
Content alignment
Set horizontal alignment for content inside section containers:
Left
Center
Right
Number of columns on mobile
Select the number of columns to display on mobile devices from the dropdown menu:
1 Column
2 Column
Enable swipe on mobile
Enable/disable checkbox
Color scheme
Set the text color and background color for the section.
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).
Collection
Select a collection to show products belong to that collection.
Image collection
Set up an image (Replaces the image of the collection when it is selected.)
Title collection
Add text to display as a block title collection. (Leave the field blank to hide the title collection)