Get product variation images on Woocommerce shop page

1 Views

I want to show product variation images (particular image for each variation) on the shop page. I was successfully able to get the name of the variations using the code below (put into “content-product.php”): 

<?php
$colourvalues = get_the_terms( $product->id, 'pa_colour');
  foreach ( $colourvalues as $colourvalue ) {
   echo $colourvalue->name;
  }
?>

Unfortunately there is nothing in the $colouvalues array that is the variations image url or anything related to the image.

Read More

How can I get product variation images?

Post Views: 1

Related posts

Leave a Reply

3 comments

  1. You can get a list of the product’s variations:

    // In the product loop:
$variations = $product->get_available_variations();

// Outside the product loop:
$product = new WC_Product_Variable( $product_id );
$variations = $product->get_available_variations();

    Loop over it to get the image from each variation like so:

    foreach ( $variations as $variation ) {
    echo $variation['image_src'];
}

  2. For Woocommerce 3. loop over like this once you create the variations array. 

    foreach ( $variations as $variation ) {
    echo $variation['image']['url'];
}

  3. in functions file 

    add_action('woocommerce_after_shop_loop_item_title','woocommerce_template_single_excerpt', 5);
function woocommerce_template_single_excerpt() {
            global $product;
            if ($product->product_type == "variable" && (is_shop() )) {
              echo woocommerce_variable_product(); 
            }

 }