Short description for collection product grid

New Member
2 0 0

I would like to display a shortened description on my product grid - https://swisstrade.com.au/collections/housekeeping-trolleys-carts-premium-collection

 

How do I do this?

0 Likes
Shopify Expert
394 27 74

You can use the truncate filter to cut it off at X characters.

 

For example:

 

{{ product.description | truncate: 50 }}

 

 

You can implement by locating the snippet that controls your product grid, find the line of code that displays the description, then add that truncate filter and experiment with different numbers to fit your design goals.

Founder of Speed Boostr (Shopify optimization and dev agency).
Creator of Order Automator (app that auto fulfills orders, adds tags, emails).
Creator of Shopify Analyzer (free performance analysis tool).
I also build custom apps and automated solutions.
Enjoy the adventure!
0 Likes
New Member
2 0 0
That's the strange thing. I can't find product.description anywhere on
product collection pages.
0 Likes
Shopify Expert
394 27 74

It might not be exactly product.description, to find what's producing that content you'll have to read through your theme code files to trace the location.

 

My approach would be to start with collection.template, then work my way through to find the include statements to find out which file shows the product thumbnails.

Founder of Speed Boostr (Shopify optimization and dev agency).
Creator of Order Automator (app that auto fulfills orders, adds tags, emails).
Creator of Shopify Analyzer (free performance analysis tool).
I also build custom apps and automated solutions.
Enjoy the adventure!
0 Likes