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

Store Design
1

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
Collection Grid View1688×1033 159 KB

2

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

3

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

4

Use tag to make it bold.

like: description

5

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

6

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

7

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 “”

8

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. ). See attached screenshot.

OGG Add Product Description to Product Grid.png
OGG Add Product Description to Product Grid.png2418×1204 389 KB

9

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?

10

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!

11

HI @WBF1

send me store url and which theme did you used ?

12

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

13

Try to add this code in theme.liquid file at bottom

{% if template contains 'collection' and collections.handle == "wholesale"  %}
 
     
   
{% endif %}