Themt: Dawn, some product titles are long and the price positions below are misaligned

Store Design

Topic summary

A user reported misaligned product prices in the Dawn theme caused by varying product title lengths.

Solution Provided:

  • Locate {{ product_card_product.title | escape }} in the product-card.liquid file
  • Replace with {{ product_card_product.title | escape | truncate: 35 }}
  • Adjust the character limit (35) as needed to fit the theme

Outcome:
The original poster confirmed the truncate method successfully resolved the alignment issue.

Open Question:
Another user asked about alternative solutions that don’t use the truncate method. A responder indicated other approaches exist but requested the store URL to provide specific guidance. This aspect remains unresolved in the thread.

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

Hi there,

Price alignment, Why is the price position not aligned in the same column of products?

How and where should I add the code?

Edison18831_0-1647915874353.jpeg
Edison18831_0-1647915874353.jpeg1920×969 141 KB

2

Limit characters of your product title by finding this code below in product-card.liquid file of your theme.

{{ product_card_product.title | escape }}

Replace it with this code

{{ product_card_product.title | escape | truncate: 35 }}

You can change value 35 in the code on your own to make it fit with your theme.

2 Likes
3

@Edison18831 Can you please send me store url?

4

Thank you very much! I used this code, and it worked.

5

https://www.yeahmoment.com/

6

Is there another way to achieve this without using truncate as a method?

1 Like
7

Yes, it has. Could you share your store link so I can check?