Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
If helpful then please Like and Accept Solution.
Please share your website URL and password if any. I will check and provide a solution here.
Thanks!
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
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!
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?
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!
Perfect! Thanks so much
This is an accepted solution.
If helpful then please Like and Accept Solution.
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,
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025