在 Woocommerce 商店页面上获取产品变体图像

我想在商店页面上显示产品变体图像（每个变体的特定图像）。我使用下面的代码成功地获取了变体的名称（放入“content-product.php”中）：

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

不幸的是，里面什么也没有$colouvalues数组，它是变体图像 url 或与图像相关的任何内容。

如何获取产品变体图像？

您可以获得产品变体的列表：

// 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();

循环它以获取每个变体的图像，如下所示：

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