variations display Get product variation images on shop page (woocommerce)

2 Answers

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

foreach ( $variations as $variation ) {
    echo $variation['image']['url'];
display woocommerce product variations dropdown on the shop page

What i essentially want to achieve is 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"):

$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.

Does anyone please help me with this? Thanks guys...

Get URL of variation image thumbnails in WooCommerce

Use thumb_src instead of url.

$product = new WC_Product_Variable( $product_id );
$variations = $product->get_available_variations();

foreach ( $variations as $variation ) {
  echo "<img src=" . $variation['image']['thumb_src'] .">";