Change number of columns on collection page

Store Design
1

Hi,

I’m using the minimal theme and I want to enable wide view. However when I do it changes from 3 products per row, to 6 on desktops. I want to keep it at 3. Hoping someone can point me to the right file and code to change. Thanks.

2

@PitterPatter

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

3

thanks it’s www.pitterpatterbaby.com.au

Also wondering how to set the collections pages to sort by price form lowest to highest by default.

Thanks,
Jane

4

@PitterPatter

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width: 769px){
.template-collection .wide--one-fifth { width: 33.333% !important; }
}

Hope this works.

Thanks!

5

you so much. It’s nearly there. The first row has 3 products, then the next has 2, then then next has 3, and so on. See here https://pitterpatterbaby.com.au/collections/all/boys?sort_by=price-ascending.

Any suggestions to fix it so each row has 3?

6

@PitterPatter

Please remove the above given code and add this new code.

@media only screen and (min-width: 769px){
.template-collection .wide--one-fifth { width: 33.333% !important; clear: none !important; }
}

Hope this works.

Thanks!

7

Perfect! Thanks so much

8

@PitterPatter

If helpful then please Like and Accept Solution.

9

Hi, Im using the theme debut. I have 3 products in each row but when I open the collection or click on the button to view all it changes to 4 products per row.

could you please help me?

thank you,