Dawn Theme - Collection List # of Items Per Row

fastener
Tourist
6 0 2

I am trying to set up the Dawn theme so that I can show 6 items (collections) per row in the Collections List. Currently there seems to be no option other than having three per row. This makes them very large and not at all attractive. I will have several collections (at least 12) and would like to be able to have rows of 6 items (collections) per row. I have seen a couple of answers that gave a few lines of code to add to the bottom of the Assets>Section-Collection-List.css but that didn't appear to do anything for me. Maybe I'm missing something. Can anyone help me with this? Thank you!

Replies 3 (3)

KetanKumar
Shopify Partner
36845 3636 11978

@fastener 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Schoppifyer
Tourist
5 1 4

This depends on the version of your dawn theme.

I have a version 2.3.0 where this code in the "section-collection-list.css" worked:

 

@media screen and (min-width: 750px){
.collection-list--6-items .grid__item {
width: 16.6% !important;
}
}

 

I'm trying to get everything working in the new 4.0.0 version and the solution is different here:

-go to the liquid file /sections/collection-list.liquid

-scroll down to the schema part and find:

 

"type": "range",
"id": "columns_desktop",
"min": 1,
"max": 5,
"step": 1,
"default": 3,
"label": "t:sections.collection-list.settings.columns_desktop.label"

 

-set "max" to 6 (or whatever you like)

-save and exit code

-go to customize, find collection-list, edit, move slider to "number of columns = 6"

 

Enjoy 🙂

overgaard123
Visitor
1 0 0

Hi, i tried this and it worked great.

But when i tried adding more than 6 collections in one list, it just jumped down a row. Any clues to how im gonna fix this?

Skærmbillede 2024-02-17 kl. 20.02.40.png