Table of Contents
A very common issue: sometimes (mostly with affiliates online stores), WooCommerce product titles are way too long. On top of this, you may also want to keep the shop experience consistent, and make all the WooCommerce product titles of the same length. This is how you do it.
+ Option 1: (CSS): Limit all WooCommerce product titles to one line only
+ Option 2: (PHP): Limit all WooCommerce product titles to max number of words
+ Option 3: (PHP): Limit all WooCommerce product titles to max number of characters
After long time spending to find the solution to reduce the tile of my product finally i found in your youtube video thank you soo much.
Hi, how can I set the “…” after the option 3?
nice working fine
your recommended css didn’t change anything for us. instead we figured this out, it works on desktop and mobile:
h3.product-title{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
Hey Michelle
I’m using wordpress and the7 theme, and still nothing. I’ve used probably about 10 solutions now, and absolutely nothing is working. Any advice?
Superb Bro, Thank you very much.
Thank you … opt 2 Works perfect!
hi pls i need help. the css isnt working for my site
im using wordpress and we figured this one out:
h3.product-title{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
in mobile view it is not working
This really worked in PHP. Thanks a lot
any way to insert 3 points after the titles?
Bravo.
Been looking for this for quite sometime.
Thanks a lot.
In same way i try to figure out the max page title with option 2, but no hope hahahaha. Btw nice function man1
In Php character limit if i want to add ….. after 20 words???? What is to be added???
Works perfect! Thanks a lot.
In Option 1, your website’s “class name” may be different. If you need help, let me know here
Please help me. I’m working on the7 theme and absolutely NONE of the at least 15 fixes I’ve tried has work