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