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

Solved

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

trendyfulstore
Tourist
8 0 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 ViewCollection Grid View

Accepted Solution (1)

Jasoliya
Shopify Expert
4820 625 1224

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

 

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Replies 12 (12)

Jasoliya
Shopify Expert
4820 625 1224

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

 

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here
trendyfulstore
Tourist
8 0 1

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
Shopify Expert
4820 625 1224

Use <b> tag to make it bold.

like: <b> description </b>

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here
trendyfulstore
Tourist
8 0 1

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

kristiinam
Excursionist
14 0 7

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

Jasoliya
Shopify Expert
4820 625 1224

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

 

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here
Brendan-Zuza
Shopify Partner
10 0 3

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.

OGG Add Product Description to Product Grid.png

 

Brendan
onlinegrowthgroup.com.au
rencollection
Visitor
1 0 0

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
Visitor
3 0 0

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
Shopify Expert
4820 625 1224

HI @WBF1 

send me store url and which theme did you used ?

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here
WBF1
Visitor
3 0 0

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

Jasoliya
Shopify Expert
4820 625 1224

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

 

 

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here