Can I display more items per row on collection pages?

[hurencio]

Hi everyone, 

Newbie here, I was wondering if there's a way to make the collection pages to have more items in each row? On mobile phone view, there's only one product each row and really big photo. Is there an easy way to do it? I am using Debut theme.

Here is the website: https://artsuppliesaustralia.com.au/

TIA

Cheers!

[KetanKumar]

@hurencio 

let me know per row product 4,5,6?

also please check your theme setting its allow this 

[hurencio]

hi @KetanKumar,

Thank you for your response.

2-3 rows I guess will look better so that it would not take all the spaces when viewing it on phone.

Cheers! 

[KetanKumar]

@hurencio 

thanks for update 

i can't see now  2 per row in mobile its fine what do you need?

[LitExtension]

Hi @hurencio,

Please follow this process:

Go to sections/collection-template.liquid file and find 'col-xs-12'. Change the code:
col-xs-12 => col-xs-6

Hope it helps!

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

[hurencio]

Hi there @LitExtension ,

Thank you for the response. 

When I change the code it shows this. It's still one item per row.

Kindly see image below.

Cheers!

[LitExtension · Accepted solution]

Hi @hurencio,

Because when change in customize, it may not display well due to loading JS, you can check at real device.

Please change it and resend me the link. I will check it.

Because I checked and it works perfectly. https://i.imgur.com/1sT69GE.png

Hope it is clear to you.

[LitExtension]

Hi @hurencio,

I saw you liked my answer. If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

[hurencio]

got it! thanks!!

[Zworthkey]

hii, @hurencio 
Paste this code on top of the stylw.css file or responsive.css file.

@media screen and (max-width: 767px){
.arrival .col-xs-12 {
    width: 50% !important;
}
}

Thank You.

[hurencio]

Hi @Zworthkey 

Thank you for the response.

I've tried executing it but nothing happened. Still one item per row on default collection.

Kindly see image below.

Cheers!