Question

我了解Woocommerce会寻找某些类名称，以此类推以使其JS正常工作。因此，我对单页图像的自定义循环将无法正常工作。

这是循环

<?php $thumbnail = get_the_post_thumbnail_url($post->ID); ?>
<div class="imagewrapper" style="background-image: url('<?php echo $thumbnail; ?>');"></div>

<?php
global $product;

$attachment_ids = $product->get_gallery_attachment_ids();

foreach( $attachment_ids as $attachment_id ) {
    echo "<div class='smallimages' style='background-image: url(". $image_link = wp_get_attachment_url( $attachment_id ) .");'></div>";
}
?>

此循环获取产品的缩略图和图库图像，并使用内联将其设置为背景图像。但是我无法将主图像更改为产品变化图像。我将如何去做？

如果产品没有任何变化，那会很好。但这在我的实例中是必需的。

Answer 1

我不清楚您的要求是什么，但也许您可以循环浏览各种变化并回显每个附件的附件。

$variable_product = new WC_Product_Variable( $product->ID );
$product_variations = $variable_product->get_available_variations();

foreach ( $product_variations as $single_variation ) {
  $attachment_ids = $product->get_gallery_attachment_ids();
  foreach( $attachment_ids as $attachment_id ) 
      echo "<div class='smallimages' style='background-image: url(". $image_link = wp_get_attachment_url( $attachment_id ) .");'></div>";
}

Woocommerce产品变化自定义循环上的图像更改

1 个答案: