Increasing limited word count in product description

[DomWildlander]

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 

[qasim-devloper]

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.

[DomWildlander]

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

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

[binal_identix]

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.
2. Click Actions > Edit Code on the Greenly theme.
3. Look for product-card.liquid, product-template.liquid, or similar files in the Sections or Snippets folder.
4. 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.

[DomWildlander]

Hi sadly no product.description and can't find truncate, limit or substring either 😕

[binal_identix]

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.

2. 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).

3. 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.