title: Woocommerce product thumbnail position
body: <p>Can anyone please tell me how to move the product thumbnails above the main image rather than below on the product page. I have seen a couple of solutions to move them to the side but none to just above the main image which I thought would be easier.</p>
  
  <p>I have tried a couple of things myself but whatever I did seemed to effect the gallery navigation. In the example below I moved the product thumbnails action above the main image.</p>
  
  <p>Any solutions would be greatly appreciated.</p>
  
  <pre><code>&lt;div class="&lt;?php echo esc_attr( implode( ' ', array_map( 'sanitize_html_class', $wrapper_classes ) ) ); ?&gt;" data-columns="&lt;?php echo esc_attr( $columns ); ?&gt; test" style="opacity: 0; transition: opacity .25s ease-in-out;"&gt;
  &lt;?php do_action( 'woocommerce_product_thumbnails' );
  &lt;figure class="woocommerce-product-gallery__wrapper"&gt;
      if ( has_post_thumbnail() ) {
          $html  = wc_get_gallery_image_html( $post_thumbnail_id, true );
      } else {
          $html  = '&lt;div class="woocommerce-product-gallery__image--placeholder"&gt;';
          $html .= sprintf( '&lt;img src="%s" alt="%s" class="wp-post-image" /&gt;', esc_url( wc_placeholder_img_src() ), esc_html__( 'Awaiting product image', 'woocommerce' ) );
          $html .= '&lt;/div&gt;';
      }
  
      echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', $html, $post_thumbnail_id );
      ?&gt;
  &lt;/figure&gt;
  </code></pre>
  
  <p></p>