All things Shopify and commerce
https://mcaulraek.myshopify.com/
For my above website. On collection page when we go from mobile it shows one column per product
Need to show 2 Rows coming rather than 1 huge product showing
Please advice
Solved! Go to the solution
This is an accepted solution.
@Mcato12
It's updated!
https://mcaulraek.myshopify.com/collections/deals
Step1 -> snippets/header-js.liquid
changed theme.min.js to theme.js
Step2-> assets/theme.js
changed $gridItemCol.removeClass().addClass('js-col col-sm-6 col-12') to $gridItemCol.removeClass().addClass('js-col col-sm-6 col-6') at line 4027
Hi @Mcato12
If you want to show 2 rows, you have to update the individual product item's class col-12 to col-6 in in the collection template.
Not working. The moment i change to 6. It works on mobile for a second and then goes back to its original
Then products appears to be displayed again in JavaScript. We can't solve it without theme access
Please share your email so we can send you access
roman.garvilov.0309@gmail.com
Invitation is sent . Please check
If you see from mobile and try to go down and browse collection then the entire collection interface goes back to same style as soon as collection page loads more products. I have kept your settings for you to see the same also on what is the error
This is an accepted solution.
@Mcato12
It's updated!
https://mcaulraek.myshopify.com/collections/deals
Step1 -> snippets/header-js.liquid
changed theme.min.js to theme.js
Step2-> assets/theme.js
changed $gridItemCol.removeClass().addClass('js-col col-sm-6 col-12') to $gridItemCol.removeClass().addClass('js-col col-sm-6 col-6') at line 4027
You are a gem. Kuddos to you !!!!!!!!!!!!
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025