Shopify themes, liquid, logos, and UX
I'd like to change my collection pages on my store with the 'Venture' theme to have 4 products on each row instead of the 5, as the products seem quite hard to see with rows of 5 products.
Any advice would be appreciated! Thanks.
Solved! Go to the solution
This is an accepted solution.
1. Open collection.liquid
2. Find this line of code
{% for product in collection.products %} <div class="grid__item small--one-half medium-up--one-fifth"> {% include 'product-card', product: product %} </div>
3. Replace one-fifth with one-quarter like this...
{% for product in collection.products %} <div class="grid__item small--one-half medium-up--one-quarter"> {% include 'product-card', product: product %} </div>
This is an accepted solution.
1. Open collection.liquid
2. Find this line of code
{% for product in collection.products %} <div class="grid__item small--one-half medium-up--one-fifth"> {% include 'product-card', product: product %} </div>
3. Replace one-fifth with one-quarter like this...
{% for product in collection.products %} <div class="grid__item small--one-half medium-up--one-quarter"> {% include 'product-card', product: product %} </div>
Thank you!
I tried this change on the VENTURE THEME and it did not work. I also tried changing the "one-fifth" to "one-quarter" on the collection-list-item.liquid page as well as the collection.liquid page and it is still displaying 5 products a row. Can you help?
Hey JS,
It has been over 2 years since I have been on here, and honestly I have forgotten a lot about how Shopify works. It looks like your home page does in fact show 5 products per row. However, if you go to your product page, it appears that the code is working. You may have to change the code for whatever element is added to your home screen if that is what you're talking about. Good luck.
User | RANK |
---|---|
175 | |
157 | |
77 | |
31 | |
30 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023