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

Question

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

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

不幸的是，$colouvalues数组中没有任何内容是变体图像 url 或与图像相关的任何内容。

有人请帮我吗？

Answer 1

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

// 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'];
}

Answer 2

对于 Woocommerce 3. 创建变体数组后，像这样循环。

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

Answer 3

在函数文件中

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

 }