[Resolved] Setting a max character length for product names

[Deniz Akay]

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/S8

will look like this:

Wireless Charger, Popwinds [Ultra
Slim] 10W Power for iPhone X...

It will allow all product listings have same height…

Thanks

[Tom]

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;
}

[Deniz Akay]

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:

aloeverauyelik.com products

[Tom]

Awesome! 🙂

[Author]

Posts