Hello Everyone!
I’m new here and am in need of some help. I am looking to change the number of products per row under the collections. I am currently using the Minimal Template but can not figure out how to change it from five products to four.
I’m hoping this will make the thumbnails show up larger as they are smaller than I’d like them to be.
Any help would be greatly appreciated.
Hey, @ctothejoy .
Thanks for bringing your question to our Community forums. I understand that you’re hoping to alter the number of products per row on your collections. I’m happy to provide some suggestions.
May I ask if you’re referring to the featured collections on your home page? If so, head to Online Store > Themes > Customize. Once in your theme editor, select your Featured Collection. This will open a side menu that allows you to make adjustments to the products per row as well as the number of rows you wish to display:
If you’re hoping to edit the products per row somewhere else in your store, you may need to make some coding changes. Because you’re using a free Shopify theme, if you’re on the Basic Shopify plan or higher, then you receive 60 minutes of complimentary design support. If you don’t feel comfortable making these changes yourself, our Support team linked here may be able to help further with this. You can learn more about what types of customizations are available for your theme here.
Please give that a try and let me know how it goes. I also noticed that you are a new member of our Shopify Community, welcome! How has everything been going with your store set-up so far? If there is anything else I can help with please let me know!
Hi @ctothejoy ,
Please share your store URL and if your store is password protected then please provide password too.
So that we can help you.
Thank you.
Hi There!
Thank you so much for your quick reply. I’m referring to the products that
show up under each Collection on a website.
For instance. If I had a collection Called Shirts and I list 12 products
under that category. I would like only 4 of those products to show per row.
My site currently displays 5 in a row.
I hope that makes sense?
Sure thing!
Hi @ctothejoy ,
You can follow the instruction below:
@media (min-width: 1250px) {
#CollectionSection .grid-uniform .grid__item {
width: 25% !important;
}
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Hey, @ctothejoy .
Thanks for getting back to us! As mentioned, you will need to make some coding changes to your theme to make this possible.
If you’re going to edit the code of your theme, I highly recommend duplicating your theme first, and learning how to roll back to an older version of your theme. That way, you can reverse the changes if needed.
Keep in mind as well, you can consider using your 60 minutes of complimentary design support if you don’t feel comfortable making these changes yourself. Otherwise, you could consider hiring a Shopify Expert to help you make this change as well. I suggest browsing the list of Experts that specialize in theme customizations.
Please let us know if you have any questions going foward! I’m more than happy to help.
Warmly,
Thank you! The code was edited as previously recommended and it did get us the desired result but the code also moved the 5th product to it’s own row.
I’ll definitely take advantage of the free consultation if no one else can assist us here.
Hey, @ctothejoy .
That sounds good! Don’t hesitate to let us know if you need anything else in the meantime.
Cheers,
Will do 
