Изменение изображения продукта Woocommerce в пользовательском цикле

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

Я не на 100% понимаю, о чем вы спрашиваете, но, возможно, вы могли бы просмотреть циклы вариантов и вывести на экран вложения для каждого из них.

$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>";
}