Thanks for sharing the screenshots and explaining the issue clearly …I understand now that you’re trying to have a short product description near the top of the page, but with formatting like bullet points and bold text.
Right now, your theme is using this:
The problem with this line is:
It removes all formatting (so no bullet points, bold text, etc.)
It cuts off the text at 200 characters, even if it breaks the sentence or formatting
Here’s a Better Way:
Instead of stripping and truncating the text, we can keep the full description with formatting and only show part of it visually, using CSS.
Step-by-step fix:
- Replace your current code with this:
This shows the full description, but we’ll control how much is visible using CSS.
- Then add this CSS to your theme (in theme.css or similar):
css
This will:
Show just the first part of your description
Keep all formatting (like bullet points)
Allow customers to click “Read more” to expand and see the rest
Benefits of this method:
Bullet points- Preserved
Bold/formatting - Fully supported
Read more option - Easy to expand
Customer experience - Much better layout
Let me know if you need help finding the right place in your theme to put this code…happy to guide you further