Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
On the collections page of Venture's theme, it only shows 1 product per row on mobile. Is it possible to change it to 2 a row? Any help would be appreciated
Solved! Go to the solution
This is an accepted solution.
Hi @ohmar
Follow this:
1. Go to Online Store->Theme->Edit code
2. Template->collection.liquid->find {% for product in collection.products %} and change "small--one-hal" class in this loop to small--one-half
so it look like:
<div class="grid__item medium-up--one-third small--one-half"> {% include 'product-card', product: product %} </div>
This is an accepted solution.
Hi @ohmar
Follow this:
1. Go to Online Store->Theme->Edit code
2. Template->collection.liquid->find {% for product in collection.products %} and change "small--one-hal" class in this loop to small--one-half
so it look like:
<div class="grid__item medium-up--one-third small--one-half"> {% include 'product-card', product: product %} </div>
thanks for the help! it worked
Hi , I am having the same problem but I am using the Narrative Theme. When i look at the .collection.liquid it only says {% section 'collection-template' %}
Thank you. My site is https://sh-t-we-made.myshopify.com/
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css->paste bellow code in bottom of file
@media screen and (max-width: 769px){
.collection-template .card{width:50%;float:left;}
}
Also Is it possible to organise the pictures in collage style on the mobile and grid style on web? thanks!
Follow this
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css->paste bellow code in bottom of file
@media only screen and (max-width: 767px) {
.card-list__column .card{width: 33.33%;float: left;}
}
Thank you so much it worked! - it looks great now!
Hi, I made the same adjustment on Brooklyn, but nothing happened. Do you know how to modify it on Brooklyn to make it shows 2 products per row on mobile view?
I am attempting to change the mobile product grid on the Venue theme, any help?
Thank you for this solution.
I am also using the venture theme and I am also trying to change the number of items in a row for my Featured Collection on the homepage.
On desktop I have five items per row. I would like to change this to 4.
On mobile, I have two items per row. I would like to change this to 1.
Thank you for your time
User | RANK |
---|---|
113 | |
87 | |
69 | |
66 | |
46 |
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