title: woocommerce show/get product thumbnails
body: <p>I am trying to implement wooCommerce in a custom theme I am building based on bootstrap framework (because I'm picky about how things look) So what I am trying to do is relocate wooCommerce product thumbnail gallery images. I am aware of the various functions and hooks that are available through wooCommerce like the ones listed in the <a href="https://github.com/woocommerce/woocommerce/blob/c980817f6df900e3f13095930b0bd445fff01faa/includes/wc-template-hooks.php" rel="nofollow noreferrer">wc-template-hooks.php</a> and they work great except in my particular situation. I used the <code>"woocommerce_before_main_content"</code> and <code>"woocommerce_after_main_content"</code>hooks to wrap the product info in my bootstrap frame like so...</p>
  
  <pre><code>...
  &lt;div class="row"&gt;
    &lt;div class="col-md-1"&gt; *where I want my gallery images to go* &lt;/div&gt;
    &lt;div class="col-md-7 *woocommerce-main"&gt; where my woocommerce product is loaded* &lt;/div&gt;
    &lt;div class="col-md-4"&gt; *some other product info is loaded here* &lt;/div&gt;
  &lt;/div&gt;...
  </code></pre>
  
  <p>What I have run into is that I can't seem to use any of the product hooks or functions until after the product section is called/loaded (which makes perfect sense of course) but I need to be able to load the product gallery images into the first column <code>"col-md-1"</code>... so my question is... how do I get the product gallery images before everything has completed loading or can I retroactively process what goes into the first column after everything has loaded?</p>
  
  <p>Thanks</p>
  
  <p>EDIT: complete woocommerce hooks in my functions.php</p>
  
  <pre><code>&lt;?php
  remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
  remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);
  remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
  remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
  remove_action( 'woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20 );
  
  add_action('woocommerce_before_main_content', 'underwire_wrapper_start', 10);
  add_action('woocommerce_after_main_content', 'underwire_wrapper_end', 10);
  
  function underwire_wrapper_start() {
    echo '&lt;div class="row"&gt;';
    if ( is_product() ) {
        echo '&lt;div class="col-md-1"&gt;';
        echo woocommerce_get_product_thumbnail();
        //woocommerce_show_product_thumbnails();
      echo '&lt;/div&gt;';
      echo '&lt;div class="col-md-7 woocommerce-main"&gt;';
    } else {
      echo '&lt;div class="col-sm-12 woocommerce-main"&gt;';
    }
  }
  
  function underwire_wrapper_end() {
    if ( is_product() ) {
      echo '&lt;/div&gt; &lt;!-- /.woocommerce-main --&gt;&lt;div class="col-md-4"&gt;';
      woocommerce_output_product_data_tabs();
      //woocommerce_output_related_products();
      echo '&lt;/div&gt;&lt;/div&gt;';
    } else {
      echo '&lt;/div&gt; &lt;!-- /.woocommerce-main --&gt;&lt;/div&gt;';
    }
  }
  ?&gt;
  </code></pre>