Imagens agrupadas do produto Woocommerce

Estou tentando include uma pirícula do produto ao lado do nome e preço dos produtos agrupados. Atualmente, um produto-mãe inclui 20 produtos secundários (agrupados) e, como padrão, a página exibe apenas o selecionador de quantidade, o nome do produto, o preço e o botão Adicionar ao carrinho na parte inferior da lista. Todos os produtos estão listados em uma tabela grande um sob o outro, e eu quero include uma imagem de produto individual para cada produto separado.

Atualmente, ao editar o arquivo de produto /single-product/add-to-cart/grouped.php, consegui levá-lo a exibir uma imagem pequena, mas apenas do principal produto principal, adicionando o seguinte em um DIV após o título do produto php:

<a itemprop="image" href="https://stackoverflow.com/questions/17524550/woocommerce-grouped-product-images/" class="zoom" rel="thumbnails" title=""> get_the_title( get_post_thumbnail_id( $post_id ) ), ) ); ?>

Eu sei que este código só é copiado da imagem do produto empacotado, mas é o mais próximo que eu tenho. Você pode ver o exemplo do que quero dizer aqui:

http://hallmark.digitalstorm.co.uk/product/luxor-custom-built-arrangement/

Qualquer ajuda será realmente apreciada, pois eu sei que devo estar muito perto.

Aqui está o código que você está procurando:

 add_action( 'woocommerce_grouped_product_list_before_price', 'woocommerce_grouped_product_thumbnail' ); function woocommerce_grouped_product_thumbnail( $product ) { $image_size = array( 20, 20 ); // array( width, height ) image size in pixel $attachment_id = get_post_meta( $product->id, '_thumbnail_id', true ); ?>  < ?php echo wp_get_attachment_image( $attachment_id, $image_size ); ?>  < ?php } 

Espero que isso seja útil.

Código fantástico de @Ratnakar – Store Apps

Para aqueles que tentam adicionar o link do produto à imagem, adicionei um “link” para a imagem, de modo que resultará Imagem + Link para o produto

 $link = get_the_permalink($product->id); 

e

  < ?php echo wp_get_attachment_image( $attachment_id, $image_size ); ?>  

Final:

 add_action( 'woocommerce_grouped_product_list_before_price', 'woocommerce_grouped_product_thumbnail' ); function woocommerce_grouped_product_thumbnail( $product ) { $image_size = array( 100, 100 ); // array( width, height ) image size in pixel $attachment_id = get_post_meta( $product->id, '_thumbnail_id', true ); $link = get_the_permalink($product->id); ?>   < ?php echo wp_get_attachment_image( $attachment_id, $image_size ); ?>   < ?php }