Product decsription

Topic summary

A user is experiencing a layout issue with product card descriptions in their store design.

Problem:

  • When using description truncate with an unordered list (<ul>) instead of a paragraph, the card button element is incorrectly rendering inside the <ul><li> tags
  • The issue appears related to how the truncate filter handles HTML list markup

Code Context:

  • The implementation involves a product card with a “Buy Now” button and truncated description (400 characters)
  • The HTML structure shows nested divs with card-related classes

Status: The issue remains unresolved with no responses or solutions provided yet.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

Hello,

I’m using description truncate but when i added ul list instead of paragraph my card-btn went inside ul li how to solve it ?

{{ card_product.description | truncate:400 }}
Buy Now