Collection list simple
1. Purpose Displays selected collections in a simple horizontal layout. Suitable for clean category navigation with minimal styling. 2. Common use cases Homepa…
1 min read
On this page
1. Purpose
Displays selected collections in a simple horizontal layout. Suitable for clean category navigation with minimal styling.
2. Common use cases
Homepage
Collection landing page
Featured categories
Shop-by-category navigation
Seasonal collection links
3. How to add
Shopify Admin → Online Store → Themes → Customize → Add section → Collection list simple
4. Key settings
4.1. Collection items
Setting | Description |
|---|---|
Select collection list | Selects the collections to display. |
Enable uppercase text | Displays collection titles in uppercase. |
Button label | Sets the text for the button below the collection list. |
Button link | Sets the button destination. |
The button only appears when both Button label and Button link are added.
4.2. Section layout
Setting | Description |
|---|---|
Enable section full width | Expands the section across the browser width. |
Color scheme | Controls the section colors. |
Top padding | Adjusts spacing above the section. |
Bottom padding | Adjusts spacing below the section. |
Rate padding (mobile) | Controls responsive spacing on mobile. |
5. Best practices
Use short collection titles.
Keep the number of collections manageable.
Arrange collections in a logical order.
Use uppercase text only when it matches the store style.
Add a clear button such as View all categories when more collections are available.
6. Common issues
Issue | Solution |
|---|---|
Collections are not showing | Select at least one collection. |
Button is missing | Add both a button label and button link. |
Titles look crowded | Shorten collection names or reduce the number of collections. |
Section does not span the page | Enable Section full width. |
Mobile spacing looks too large | Reduce the mobile padding rate. |
Need a Shopify store to follow along? Start a free Shopify trial