在Woocommerce商店页面上获取产品差异图像

Question

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

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

遗憾的是,$colouvalues数组中没有任何内容是变体图像网址或与图像相关的任何内容.

有人请帮我这个吗？

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

 }