title: Woocommerce product subtitle is misplaced
body: <p>Hey everyone I hope you can help me with this.
  I created 2 subtitles with ACF for my products (subtitle and subtitle_2)
  I want them to appear underneath my Product title (duh!!) on both my product page, and my homepage/shop (in the product "little box").</p>
  
  <p>So far I managed to have them appear on the product page, by editing my single-product.php file but they're not in the right spot and I have no idea how to move them to where I want. I think they're considered as subtitles of the Page title rather than subtitles if the Product title.
  (and as for the homepage, they don't appear at all but let's sort out 1 problem at a time)</p>
  
  <p>Here is what I get and the actual code :
  <a href="https://i.stack.imgur.com/MwKbG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MwKbG.png" alt="subtitles misplaced"></a></p>
  
  <pre><code>&lt;?php
  /**
   * The Template for displaying all single products.
   *
   * Override this template by copying it to yourtheme/woocommerce/single-product.php
   *
   * @author      WooThemes
   * @package     WooCommerce/Templates
   * @version     1.6.4
   */
  
   if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
  
   get_header( 'shop' ); ?&gt;
  
  &lt;?php
      /**
       * woocommerce_before_main_content hook
       *
       * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
       * @hooked woocommerce_breadcrumb - 20
       */
      do_action( 'woocommerce_before_main_content' );
  ?&gt;
  
  &lt;?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?&gt;
      &lt;div id="page-title"&gt;       
          &lt;div class="width-container"&gt;
              &lt;h3&gt;&lt;?php woocommerce_page_title(); ?&gt;&lt;/h3&gt;
              &lt;?php if(function_exists('bcn_display')) {
                      echo '&lt;div id="bread-crumb"&gt;';
                      bcn_display();
                      echo '&lt;/div&gt;';
              }?&gt;
          &lt;div class="clearfix"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;&lt;!-- close #page-title --&gt;
  &lt;?php endif; ?&gt;
  
  
      &lt;?php while ( have_posts() ) : the_post(); ?&gt;
      &lt;?php the_field('subtitle'); ?&gt;
      &lt;?php the_field('subtitle_2'); ?&gt;
  
          &lt;?php wc_get_template_part( 'content', 'single-product' ); ?&gt;
  
      &lt;?php endwhile; // end of the loop. ?&gt;
  
  &lt;?php
      /**
       * woocommerce_after_main_content hook
       *
       * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
       */
      do_action( 'woocommerce_after_main_content' );
  ?&gt;
  
  &lt;/div&gt;
  
  &lt;?php
      /**
       * woocommerce_sidebar hook
       *
       * @hooked woocommerce_get_sidebar - 10
       */
      do_action( 'woocommerce_sidebar' );
  ?&gt;
      &lt;div class="clearfix"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  
  
  <p>and here is a link to the corresponding product page : <a href="http://tinyurl.com/pzum42k" rel="nofollow noreferrer">http://tinyurl.com/pzum42k</a></p>
  
  <p>Any help would be much appreciated !!
  Thanks in advance,
  G</p>