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

hitesh01
Tourist
17 0 1

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

hitesh01_0-1707802377907.png

should be like these

hitesh01_1-1707802446178.png

 

Thank you

Replies 3 (3)

TerenceKEANE
Tourist
114 28 52

Hello,

 

use these.

 

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

best regards,

★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, a Coffee  would be the anchor keeping me steady!"
Software Engineer - Specializing In Advanced E-Commerce Websites | Hundreds Of Advanced E-Commerce Website Experiences
https://novajetsoft.com
hitesh01
Tourist
17 0 1

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
Shopify Partner
121 23 20

Hello @hitesh01 , 

In your liquid code use this filter in your title. 

{{ product.title | truncatewords: 3 }}

 Hope this helps.

 

Thanks, 

Ritu

If helpful then please Like and Accept Solution.
You can directly PM.
Email Me : nayakritu.2506@gmail.com