Brooklyn Theme: How to adjust the number of products that show per row?

ben05
Excursionist
11 0 3

Hi guys,

Any one have a code to fix my problem because the shopify team want me to pay for this! I tried some codes that I found on shopify community but it didn't work!

My request was very simple, I was asking about how can I change the number of products that show on a collection. right now by default it shows only 1 per Row on the mobile version. an you know everyone shop on their smartphone I just them to show like in debut theme 4 in a row on pc version and 2 in a row on mobile version I do not think it's a big ask. so does anyone have a code to implement please please.

i will be grateful guys. please look at my screenshot.

ben05_0-1614338105093.png

 

this is how it looks on brooklyn now.

dmwwebartisan
Shopify Partner
5228 1207 1545

@ben05 

Goto Snippets/product-grid-item.liquid. Open this file and change "small--one-whole" to "small--one-half".

small-one-half.jpg

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
ben05
Excursionist
11 0 3

Hi @dmwwebartisan,

Thanks for you reply, but smees that on that line we don't have the same cod, maybe they changed it!?

can you have a look at the screenshot please.

and thanks for your help.

Edit ~ Brooklyn ~ Shopify - Google Chrome 26_02_2021 13_56_19 (2).png~ Edit ~ Brooklyn ~ Shopify - Google Chrome 26_02_2021 13_53_00 (2).png

dmwwebartisan
Shopify Partner
5228 1207 1545

@ben05 

small-screen-brooklyn.jpg

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
ben05
Excursionist
11 0 3

@dmwwebartisan,

I'm sorry i know you are trying to help me but this is not working. i added like you said 'small--one-half' still show one one product per row?

this driving me crazy

dmwwebartisan
Shopify Partner
5228 1207 1545

@ben05 

Remove from that file. Try to add here.

after-grid-width.jpg

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes