Increase the number of products in a row in Dawn Theme

Store Design
1

Hi all,

How can you increase the number of products in a row in Dawn Theme on the collection page, collection list and featured collection block? At the moment It’s max is 4 but I would like to increase it.

Screenshot 2022-03-28 at 19.09.49.png
Screenshot 2022-03-28 at 19.09.49.png1902×802 131 KB

https://www.bundles-online.com/collections/all

Thanks

Milo

2

Hello,
Thanks for posting your query.
You can increase the number of products on the collection page from the theme customization settings.
Go to Customize theme> Collection Page> Product grid

You will see the options to increase the number upto 4 or 5.
If its limited to 4, you will need to make some changes in the code file.
Now go to edit code and select the “main-collection-product-grid.liquid” from the sections.
And change the max number of product to 6. It will work upto 6 only.
Check attached screenshots.

main-collection-product-grid.liquid
main-collection-product-grid.liquid1366×649 48.5 KB

Theme customization
Theme customization1349×649 230 KB

2 Likes
3

Hi @bundle_bee ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-product-grid.css->paste below code at the bottom of the file:
@media (min-width: 1200px) {
#ProductGridContainer .grid--quarter-max.grid--4-col-desktop .grid__item {
    max-width: 20%;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

2 Likes
4

Thank you, it works well in the collection page. Do you know how to do the same for the home page featured collection so it also has 5 in a row? I can’t seem to get it working.Thanks