Increasing limited word count in product description

Store Design

Topic summary

A user working with the Greenly Shopify theme is experiencing truncated product descriptions (ending with “…”) and needs to display full plant information. The character limit appears to be theme-controlled but isn’t easily located in standard files.

Troubleshooting steps suggested:

  • Search theme code files (product-card.liquid, product-template.liquid) for truncation filters like {{ product.description | truncate: 150 }}
  • Check CSS files for properties limiting display:
    • max-height with overflow: hidden
    • Override with max-height: none !important and overflow: visible !important
  • Examine JavaScript files (theme.js, global.js) for text manipulation functions using substring, slice, or truncate
  • Apply CSS fix forcing full text display with white-space: normal !important

Current status: Initial searches for standard truncation code yielded no results. The limitation is likely controlled by CSS styling or JavaScript rather than Liquid template filters. If these solutions fail, contacting the theme developer may be necessary.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

I’m using the greenly template and in product descriptions the word count or character count is limited. It’s clearly in the theme/template but I can’t find it. Can I override this with custom CSS? If so what code, how and where?

The description text is reduced/ truncated text with …

Appreciate any help solving this as we need lots of plant information included in the description

2

Hey @DomWildlander could you please share the link of your store in order to provide you solution code and tell you how to implement this.

3

Hey on this test product you can see the description is truncated or limited at the end with …

https://wildlandsplants.shop/products/test-plant

4

You’re right that the character limit is likely set in the theme’s code. Greenly may be using a function to truncate text within the product.description section.

Here’s how you can check and potentially override it:

**1. Check Theme Code:**1. In Shopify Admin, go to Online Store > Themes.

  1. Click Actions > Edit Code on the Greenly theme.
  2. Look for product-card.liquid, product-template.liquid, or similar files in the Sections or Snippets folder.
  3. Search for something like truncate, limit, or substring.

If you find a line like this:

{{ product.description | truncate: 150 }}

You can increase the number (e.g., truncate: 500) or remove it if you want the full description to show.

5

Hi sadly no product.description and can’t find truncate, limit or substring either :confused:

6

Since product.description and truncation filters aren’t found in the theme files, the description is likely being limited by JavaScript or CSS.

Try These Steps:

  1. Check CSS for Hidden Content
    Go to Online Store > Themes > Edit Code
    Open Assets > base.css, theme.css, or styles.css
    Look for something like:

css
.product-description {
max-height: 100px; /* or another value */
overflow: hidden;
}

If found, change max-height to none and overflow to visible:

css
.product-description {
max-height: none !important;
overflow: visible !important;
}
Save and check if the full description appears.

  1. Check JavaScript for Text Truncation
    Open Assets > theme.js or global.js
    Search for truncate, slice, or substring
    If you find something like:

js
description.textContent = description.textContent.substring(0, 150) + “…”;
Change the number (150) to a larger value or remove substring(0, 150).

  1. Try a Custom CSS Fix
    If the description is being cut off dynamically, try adding this CSS override:

css
.product-description {
display: block !important;
white-space: normal !important;
}

This forces the text to display fully.

If none of these work, the limit might be controlled within the theme’s JavaScript functions that handle product listings. In that case, checking with the theme developer might be the best option.