FROM CACHE - en_header

how to have more rows on collections

Solved
hurencio
Excursionist
25 0 6

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!

Accepted Solution (1)

Accepted Solutions
LitExtension
Shopify Partner
4656 951 975

This is an 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 - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 10 (10)
KetanKumar
Shopify Partner
35813 3580 11589

@hurencio 

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

also please check your theme setting its allow this 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
LitExtension
Shopify Partner
4656 951 975

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.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Zworthkey
Shopify Partner
5581 642 1523

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
Excursionist
25 0 6

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.

 

Untitled.png

Cheers!

hurencio
Excursionist
25 0 6

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.

Untitled1.png

 

Cheers!

hurencio
Excursionist
25 0 6

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
Shopify Partner
35813 3580 11589

@hurencio 

thanks for update 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
LitExtension
Shopify Partner
4656 951 975

This is an 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 - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
LitExtension
Shopify Partner
4656 951 975

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.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
hurencio
Excursionist
25 0 6

got it! thanks!!