title: Woocommerce Grouped Product Images
body: <p>I'm trying to include a product thumbail alongside the name and price of grouped products. Currently, one parent product includes 20 or so child (grouped) products, and as default the page only displays the quantity chooser, product name, price and add to cart button at the bottom of the list. All of the products are listed in a big table one under the other, and I want to include an individual product image for each seperate product.</p>
  
  <p>Currently, by editing the /single-product/add-to-cart/grouped.php product file, i've managed to get it to display a small image but only of the main parent product by adding the following in a DIV after the product title php:</p>
  
  <pre><code>&lt;div class="images"&gt;
  
  &lt;?php if ( has_post_thumbnail( $post_id ) ) { ?&gt;
  
  &lt;a itemprop="image" href="&lt;?php echo wp_get_attachment_url( get_post_thumbnail_id( $post_id ) ); ?&gt;" class="zoom" rel="thumbnails" title="&lt;?php echo get_the_title( get_post_thumbnail_id( $post_id ) ); ?&gt;"&gt;&lt;?php echo get_the_post_thumbnail( $post_id, apply_filters( 'grouped_product_large_thumbnail_size', 'shop_thumbnail' ), array( 
  'title' =&gt; get_the_title( get_post_thumbnail_id( $post_id ) ), 
  ) ); ?&gt;&lt;/a&gt;
  
  &lt;?php } ?&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I know this code is only copied from the bundled product image, but it's the closest i've got. You can see the example of what I mean here:</p>
  
  <p><a href="http://hallmark.digitalstorm.co.uk/product/luxor-custom-built-arrangement/" rel="nofollow">http://hallmark.digitalstorm.co.uk/product/luxor-custom-built-arrangement/</a></p>
  
  <p>Any help would be really appreciated, as i know i must be really close.</p>