How to change the layout of my product grid?

Store Design
1

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

Skjermbilde 2021-07-10 kl. 12.32.38.png
Skjermbilde 2021-07-10 kl. 12.32.38.png2556×1242 214 KB

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
Skjermbilde 2021-07-10 kl. 12.33.08.png2522×1100 260 KB

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
2

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

2 Likes
3

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

1 Like
4

Thank you for your help, it looks amazing now!

1 Like
5

Hope its fixed.

Thank you

6

Hi,

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

Thanks!

7

Hi! I have the same theme and am having extreme difficulty fixing this. When you’re on the mobile version of my site, madxostyles.com and I don’t like how when you scroll through all products and it only shows one product for row instead of four. I would like to maybe shrink the photo sizes so we can show more when scrolling. I couldn’t find snippet either in settings.

Should I schedule a session or can you walk me through this?

My theme is BROOKLYN as well

Thanks,

Madi