How to change the layout of my product grid?

Solved
Covenlunatic
Tourist
3 0 2

Hello! I use the theme Brooklyn and my product-grid looks like this:

Skjermbilde 2021-07-10 kl. 12.32.38.png

 

I would like to change the grid to the same style as my "You may also like" grid, but having 3 products for each row instead of 4, I dont like the grey boxes around my items and it looks messy when you have a lot of products when they are not the same size, so is it a way for me to change it from the two row grid with different sizes and grey boxes to this look but with 3 products instead of 4:

Skjermbilde 2021-07-10 kl. 12.33.08.png

I like the overview of all my categories, its just the grids when I click on the different categories that I dont like.

This is my page: https://covenlunatic.myshopify.com/collections/all-products

Password: lunatic

It would be really nice if someone know what to do about this!

- Sandra, Coven Lunatic

0 Likes
Anthony_David_
Trailblazer
214 27 85

Hi @Covenlunatic 

On snippet -> product-grid-item.liquid

Find this -> medium--two-thirds large--two-thirds" and Replace with -> medium--one-third large--one-third

Thanks

 

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
Covenlunatic
Tourist
3 0 2

I tried doing this but nothing happened, I can make you staff and let you try! Thanks

Covenlunatic
Tourist
3 0 2

Thank you for your help, it looks amazing now!

Anthony_David_
Trailblazer
214 27 85

This is an accepted solution.

Hope its fixed.

Thank you

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
0 Likes
lulularue
New Member
1 0 0

Hi,

I tried the same thing and it didn't fix it.  What was the fix?

 

Thanks!

0 Likes