Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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.
let me know per row product 4,5,6?
also please check your theme setting its allow this
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.
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.
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!
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!
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!
thanks for update
i can't see now 2 per row in mobile its fine what do you need?
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.
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.
User | RANK |
---|---|
126 | |
99 | |
77 | |
68 | |
39 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022