how to have more rows on collections

Solved
hurencio
Excursionist
13 0 4

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
1959 324 395

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Replies 10 (10)
KetanKumar
Shopify Partner
24918 2497 9034

@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
1959 324 395

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Zworthkey
Shopify Partner
2562 308 641

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
hurencio
Excursionist
13 0 4

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
13 0 4

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
13 0 4

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
24918 2497 9034

@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
1959 324 395

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

LitExtension
Shopify Partner
1959 324 395

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!