title: how to merge product image and meta in single div in woocommerce
body: <p>i'm working on a woocommerce based site in wordpress. i'm using the the-bootstrap theme and woocommerce Version 2.1.12. i'm on single product page and the design of my page is like:</p>
  
  <pre><code>&lt;div class="images"&gt;...&lt;/div&gt;
  &lt;div class="summary entry-summary"&gt;...&lt;/div&gt;
  &lt;div class="product_meta"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>Now i want to merge the images div and product meta div in a single div so that i can place another div after summary like this:</p>
  
  <pre><code>&lt;div class="span3"&gt;
  &lt;div class="images"&gt;...&lt;/div&gt;
  &lt;div class="product_meta"&gt;...&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="span6 summary entry-summary"&gt;...&lt;/div&gt;
  &lt;div class="span3 Product category"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>but its all written as hooks in the woocommerce template.so how can i change this to get the desired output.</p>
  
  <p>Here is the code for my content-single-product template:</p>
  
  <pre><code>&lt;?php
          /**
           * woocommerce_before_single_product_summary hook
           *
           * @hooked woocommerce_show_product_sale_flash - 10
           * @hooked woocommerce_show_product_images - 20
           */
          do_action( 'woocommerce_before_single_product_summary' );
      ?&gt;
  
      &lt;div class="summary entry-summary"&gt;
  
          &lt;?php
              /**
               * woocommerce_single_product_summary hook
               *
               * @hooked woocommerce_template_single_title - 5
               * @hooked woocommerce_template_single_rating - 10
               * @hooked woocommerce_template_single_price - 10
               * @hooked woocommerce_template_single_excerpt - 20
               * @hooked woocommerce_template_single_add_to_cart - 30
               * @hooked woocommerce_template_single_meta - 40
               * @hooked woocommerce_template_single_sharing - 50
               */
              do_action( 'woocommerce_single_product_summary' );
          ?&gt;
  
      &lt;/div&gt;&lt;!-- .summary --&gt;
  
      &lt;?php
          /**
           * woocommerce_after_single_product_summary hook
           *
           * @hooked woocommerce_output_product_data_tabs - 10
           * @hooked woocommerce_output_related_products - 20
           */
          do_action( 'woocommerce_after_single_product_summary' );
      ?&gt;
  
      &lt;meta itemprop="url" content="&lt;?php the_permalink(); ?&gt;" /&gt;
  </code></pre>