the ellipsis (...) property not working on product card heading

[hitesh01]

Hi, I'm Hitesh 

i wanted to show the product title on product card in one line and at end it should show (...) but its not working

please help me.

store:- https://www.aesthetixme.shop/

theme:-craft

should be like these

Thank you

[TerenceKEANE]

Hello,

use these.

h3.cart-notification-product__name.h4 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

best regards,

[hitesh01]

didn't worked.

one thing i noticed that after 50 letters of product title it's showing the ellipsis property.

hope it helps 

[Ritu-25 · Accepted solution]

Hello @hitesh01 , 

In your liquid code use this filter in your title. 

{{ product.title | truncatewords: 3 }}

 Hope this helps.

Thanks, 

Ritu