Solved

Show Products' Description In Featured Collection (Refresh Theme)

gabdough
Excursionist
13 0 4

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!

 

gabdough_0-1708437067038.png

 

 

Accepted Solution (1)

SumanSaurabh
Shopify Partner
69 26 27

This is an 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

Screenshot 2024-02-20 212608.png




➸ Need a Shopify developer? Chat on WhatsApp | Email: info@omnisitecreations.com
➸ For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Hire me on UpWork
➸ Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 3 (3)

SumanSaurabh
Shopify Partner
69 26 27

This is an 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

Screenshot 2024-02-20 212608.png




➸ Need a Shopify developer? Chat on WhatsApp | Email: info@omnisitecreations.com
➸ For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Hire me on UpWork
➸ Your Coffee Tip and my code, A perfect blend. ❤️
gabdough
Excursionist
13 0 4

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

 

shopifyhelpcode.png

 

 

gabdough
Excursionist
13 0 4

Made a mistake earlier, working now thanks!