Shopify themes, liquid, logos, and UX
Hi there, I would like to add product description to each product in Collection Grid View. How can I do it please?
See the image attached.Collection Grid View
Solved! Go to the solution
This is an accepted solution.
Hi,
Follow this:
1. Go to Online Store->Theme->Edit code
2. Snippet->product-card-grid.liquid->find {% include 'product-price', variant: product %} and add {{ product.description }} bellow this.
Let me know if you need help
This is an accepted solution.
Hi,
Follow this:
1. Go to Online Store->Theme->Edit code
2. Snippet->product-card-grid.liquid->find {% include 'product-price', variant: product %} and add {{ product.description }} bellow this.
Let me know if you need help
You are a legend Jason! It worked! I actually needed to add product title and so when I added the description it was too much text. So I changed it to product title and it worked!!!
NOW, how can I do it in bold? do the product title is showing up in bold?
Thank you for your help!!!!
Agnessa
Use <b> tag to make it bold.
like: <b> description </b>
Thank you so much!!! I truly appreciate your help!!!
Hi! I would like to do the same, but i am using Brooklyn theme. Where should I add the code there?
Hi @kristiinam
Open snippet->product-grid-item.liquid find bellow tag
<a href="{{ product.url | within: collection }}" class="grid-product__meta">
And add {{ product.description }} after this tag close "</a>"
In case anyone is adding product description to the product card (e.g. collection product grid) to any recent stores (OS2.0).
Here's the updated solution as of OCT 2022. In this example I used Refresh theme.
1. Go to Snippets > card-product.liquid
2. Find "{{ card_product.title | escape }}" or the equivalent of your theme
3. Add the snippet "{{ card_product.description }}" below step 2.
4. If you'd like to have seperate styling. E.g. paragraph font. Then add it after the closing tags for the heading (e.g. </h3>). See attached screenshot.
Would this work to add a meta field to the description?
My product title says 10x14 Persian Area Rug. The product description is 250 words long. Can I add a text meta field with the exact size 10'1" x 14'3" to the product card?
Hi there,
Wondering if you can assist me with something. How can I remove the price from the product card? I would only want to remove it from a wholesale collection and not the retail collection. Thank you!
HI @WBF1
send me store url and which theme did you used ?
Thank you! Wildlybelovedfoods.com and it is a craft theme.
Try to add this code in theme.liquid file at bottom
{% if template contains 'collection' and collections.handle == "wholesale" %}
<style> .card-information .price {display: none;} </style>
{% endif %}
Learn how to expand your operations internationally with Shopify Academy’s learning path...
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