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

関数ファイルで

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

 }