How to add product description to each product in Collection Grid View

[trendyfulstore]

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

[Jasoliya · 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

[trendyfulstore]

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

[Jasoliya]

Use <b> tag to make it bold.

like: <b> description </b>

[trendyfulstore]

Thank you so much!!! I truly appreciate your help!!! 

[kristiinam]

Hi! I would like to do the same, but i am using Brooklyn theme. Where should I add the code there?

[Jasoliya]

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>"

[Brendan-Zuza]

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.

[rencollection]

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?

[WBF1]

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!

[Jasoliya]

HI @WBF1 

send me store url and which theme did you used ?

[WBF1]

Thank you! Wildlybelovedfoods.com and it is a craft theme.

[Jasoliya]

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 %}