title: How to short (truncate) long products title in WooCommerce category pages?
body: <p>I would like to truncate long products title in shorter title with "..." at the end, in WooCommerce category page. If I'm right, products in category pages are displayed by a loop from "content-product.php".</p>
  
  <p>The code is :</p>
  
  <pre><code>&lt;li&lt;?php echo $class ?&gt;&gt;
  &lt;?php do_action( 'woocommerce_before_shop_loop_item' ); ?&gt;
  
  &lt;a href="&lt;?php the_permalink(); ?&gt;"&gt;
  
      &lt;div class="thumbnail"&gt;     
          &lt;?php do_action( 'woocommerce_before_shop_loop_item_title' ); ?&gt;
  
          &lt;?php if ( yiw_get_option( 'shop_show_name' ) ) : ?&gt;
              &lt;strong class="&lt;?php echo $title_position; ?&gt;"&gt;
                  &lt;?php the_title(); ?&gt;
              &lt;/strong&gt;
          &lt;?php endif ?&gt;
      &lt;/div&gt;
  
      &lt;?php do_action( 'woocommerce_after_shop_loop_item_title' ); ?&gt;
  &lt;/a&gt;
  
  &lt;?php do_action( 'woocommerce_after_shop_loop_item' ); ?&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I found a lot of PHP functions to short a long string (this one seems simple <a href="http://shrtnr.us/r0yfwg" rel="nofollow">http://shrtnr.us/r0yfwg</a>), but I'm unable to apply the function to <code>the_title()</code>...</p>
  
  <p>I'll appreciate if someone can put me on the right way. Thanks in advance :)</p>