Solved

How to change the layout of my product grid?

Covenlunatic
Tourist
9 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

Accepted Solution (1)
Anthony_David_
Shopify Partner
417 46 105

This is an accepted solution.

Hope its fixed.

Thank you

Theme customization | Design | Shopify App Consultant
Have Any Questions? Whatsapp +1 (341) 241-4263
Based in United States

View solution in original post

Replies 6 (6)

Anthony_David_
Shopify Partner
417 46 105

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

 

Theme customization | Design | Shopify App Consultant
Have Any Questions? Whatsapp +1 (341) 241-4263
Based in United States
Covenlunatic
Tourist
9 0 2

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

Anthony_David_
Shopify Partner
417 46 105

This is an accepted solution.

Hope its fixed.

Thank you

Theme customization | Design | Shopify App Consultant
Have Any Questions? Whatsapp +1 (341) 241-4263
Based in United States
Covenlunatic
Tourist
9 0 2

Thank you for your help, it looks amazing now!

lulularue
Visitor
1 0 0

Hi,

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

 

Thanks!

MADXOSTYLES
Visitor
1 0 0

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