Show Products' Description In Featured Collection (Refresh Theme)

[gabdough]

Hi, how can I add product description to my featured collection within the Refresh Theme? 

I've attached an image which clarify's the above. Essentially wondering if I have the ability to add a description within the section highlighted red. I've seen it within other Refresh Themes.

I'm aware the following can be added to the liquid coding section for featured collection: {{product.description}}. However where would I place this to display the product description as highlighted below?

Thank you!

[SumanSaurabh · Accepted solution]

Greetings,

To implement the desired functionality, please insert the following liquid code snippet immediately after the "price" code in the 'card-product.liquid' file:

 <span class="caption">{{ card_product.description | truncate: 100 }}</span>

I highly recommend creating a duplicate copy of your theme as a backup before making any modifications to the theme code. Here are the detailed steps to do so:

1. Access your Shopify admin panel and navigate to Online Store > Themes.

2. Locate the theme you wish to modify and click on the ellipsis (...) icon, then select "Edit code."

3. Use the search functionality to find the file named 'card-product.liquid' and click to open it.

4. Within the code editor, locate the line containing '{% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}'. Insert the provided code snippet near this line to display the product description alongside the price. Refer to the screenshot below for precise placement.

I trust this guidance proves helpful.

Warm regards,
Suman Saurabh

[gabdough]

Thank you, I tried the above and added the code 'card-product.liquid' section within the however nothing changed within the theme.

[gabdough]

Made a mistake earlier, working now thanks!

[Emrana]

Hi Suman, 

I hope you can help. I want to add a metafield description to the featured collection product card. May I know how to apply it?