MRN Productions Website Design Blog

Website Design Blog, Graphic Design Blog, Joomla Blog, Wordpress Blog

How to Limit the  Length of Woocommerce Product Title by Character or Word Length

You can easily reduce or Limit the wocommerce product title length by using following two methods :

 

Method 1 :Custom Css Method :

 The following code will limit the Title length to single line only. Copy / paste the code inside your custom.css file. (  WP-content > Themes > Your Theme > css > custom.css ).

Note : if you don't have custom.css file under the above mentioend directory then you can create a custom.css fiel and put the code inside it.

 

CODE :

// Note: this is simple CSS that can be placed in your custom.css file
// This CSS also adds 3 dots ... at the end of each product title
 .woocommerce ul.products li.product h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

 Method 2 :Using "WOO Title Limit" Plugin :

Visit the link and download the plugin : https://wordpress.org/plugins/woo-title-limit/

Install the plugin and activate it. Then click on Settings and select Woo title Limit 

woo title limit1

Change your desired character limit and save and see the changes on your website.

save