How to find these settings...
- Online Store
- Customize (Theme Editor)
- Top, middle dropdown
- Collections list
The Collections List is the default Shopify page that all stores have and uses the '/collections' URL. Access options in the Theme Editor by choosing 'Collections list' from the dropdown
By default, all of the published collections will be displayed. You can customize this list with a Collections list section
Recommended reading
In this section...
Text
Enable heading
For SEO purposes, you can choose to disable this heading, and add an h1 tag to another section
Heading outline
Text defaults to the solid state, but can be customized with 3 outline thicknesses
Heading size
Set the heading size with the slider. 18px is the minimum, and it steps up by 6 to a maximum of 96px
Subheading
Secondary title of the section or feature
Subheading outline
Text defaults to the solid state, but can be customized with 3 outline thicknesses
Subheading size
Set the heading size with the slider. 18px is the minimum, and it steps up by 6 to a maximum of 96px
Text color
Choose a custom color for the text
Text color hover
Choose a custom color for the text hover
Line color
Choose a custom color for the lines and borders
Collections
Lazy load image(s)
Disable for "above the fold" images. Enable for any image that is not visible on the initial page load
Image
Display either the collection image or the first available product within the collection
Image height
The image has 4 options for display:
- Small: The image will be 25% of the height of the screen
- Medium: The image will be 35% of the height of the screen
- Tall: The image will be 50% of the height of the screen
- Original aspect ratio: Uses the height of the image
Focal point
Similar to setting a focal point on a theme image, background images can specify the main focus of the image
Insta filter
App like filters can be applied to your images
Desktop collections per row
Set how many collections are displayed per row on screens larger than 640px wide. Rows default to 2 on smaller screens. 2 is the minimum, and it steps up by 1 to a maximum of 5
Collections per page
Set the total number of collections per page. 1 is the minimum, and it steps up by 1 to a maximum of 50
Section
Background color
Choose a custom color for the background
Background color gradient
Choose a custom gradient for the background
MOBILE
Top padding
Add padding to the top of the section on screens less than 640px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom padding
Add padding to the bottom of the section on screens less than 640px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom margin
Add a margin to the bottom of the section on screens less than 640px wide. Margins are applied to the outside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
DESKTOP
Top padding
Add padding to the top of the section on screens larger than 640px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom padding
Add padding to the bottom of the section on screens larger than 640px wide. Padding is applied to the inside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Bottom margin
Add a margin to the bottom of the section on screens larger than 640px wide. Margins are applied to the outside of the container. 0px is the minimum, and it steps up by 10 to a maximum of 60px
Add a bottom border
A 1px border will be added between the 'Bottom padding' and the 'Bottom margin'