Archived topic
Setting a max character length for product names
3 replies · Started by Deniz Akay on July 3, 2019
Viewing posts 1–4 of 4
Hello,
Is it possible to set a max character length and a fixed number of lines for products names on shop pages?
For example with max of 2 lines and 75 character length, a product title like this one:
Wireless Charger, Popwinds [Ultra
Slim] 10W Power for iPhone X,
iPhone 8/8 Plus,Samsung Galaxy
S8/S8will look like this:
Wireless Charger, Popwinds [Ultra
Slim] 10W Power for iPhone X...It will allow all product listings have same height...
Thanks
Hi there,
Tough one. Found this: https://stackoverflow.com/questions/3922739/limit-text-length-to-n-lines-using-css
Wonder if this will work?:
h2.woocommerce-loop-product__title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 1.5em;
max-height: 3em;
}It works, thank you! I just added
height: 2.8em;
to your code to display sale badge of all products at the same line. (like the first product on screenshot)
sc:
Awesome! :)
This archived topic is closed to new replies.
