Liquid truncatewords: How to Cut Down String to Number of Words in Shopify

Drive 20-40% of your revenue with Avada

Get Started

Do you feel tired of lengthy product descriptions overwhelming your Shopify store’s design? In this article, we will guide you on using Liquid truncatewords filter to easily control text length and enhance your store’s user experience. Read on to discover how this simple yet powerful tool can transform your product displays and boost engagement!

How to Cut Down String to Number of Words in Shopify

• About truncatewords
• The way to cut down the string to the number of words

About truncatewords

As the definition of the Truncation in the last article Liquid truncate: How to Cut Down String to Number of Characters, we mentioned that Truncation is considered as a cutting or removing tool. Through that tutorial, online sellers totally enable cutting down their strings into the number of words they want by truncation. In addition, the users can use the Truncate to make a string shorter. For this article How to Cut Down String to Number of Words in Shopify will bring the users simple steps to cut their strings with the expected number of words.

The way to cut down string to number of words

• Step 1: Input
• Step 2: Output

Step 1: Input

Input

{{ "Ground control to Major Tom." | truncatewords: 3 }}

Step 2: Output

Output

Ground control to...

{{ "Ground control to Major Tom." | truncatewords: 3, "--" }}

Ground control to--

{{ "Ground control to Major Tom." | truncatewords: 3, "" }}

Ground control to

How to Use Liquid truncatewords in Shopify

• Identify the string: Locate the text you want to shorten within your Liquid code (e.g., product.description, blog.content).
• Apply the filter: Use the following syntax: .
• Customize (optional): If you want to change the default ellipsis (…), add a second argument: .
• Save and preview: Save your changes and preview the page to see the truncated string.

Why truncation is necessary

Truncation is a way to shorten text so that it fits in a specific area, such as a product listing page, blog post summary, or social media post. This is important for improving the readability and layout of your Shopify store. Long blocks of text can be overwhelming for visitors, and truncation can help make your content more scannable and digestible.

What to do with the truncated text on Shopify

• Include an ellipsis (…) to indicate that the text has been truncated. This is a common convention that most users understand.
• Add a “Read more” link to direct visitors to the full text. This is a good option for longer pieces of content, such as product descriptions or blog posts.
• Use a tooltip to display the full text on hover. This can be a helpful way to provide more information without cluttering up your page.

When Shopify store owner may want to truncate text

• Product descriptions: Truncate product descriptions to fit on the product listing page, encouraging visitors to click through to read the full description.
• Blog post summaries: Truncate blog post summaries to display on the blog homepage or in social media feeds, enticing readers to click through to read the full post.
• Meta descriptions: Truncate meta descriptions to fit within the character limit for search engine results pages (SERPs), ensuring that your listings are informative and clickable.
• Social media posts: Truncate text to fit within the character limit for specific social media platforms, such as Twitter or Facebook.

Conclusion

This guide has shown you how to use the Liquid truncatewords filter to effectively control text length and enhance your Shopify store’s readability. In addition, we hope that online merchants to have more understanding of Shopify as well as Liquid through our chain of articles like the following list:

• Liquid strip_newlines: How to Remove New Line from String
• Liquid truncate: How to Cut Down String to Number of Characters
• Liquid upcase: How to Convert String to Uppercase
• Liquid slice: How to Get One Character in a String
• Liquid strip: How to Remove Whitespace tabs, spaces, and newlines
• Liquid strip_html: How to Remove HTML Tags from String