Изменение изображения в вариационной задаче Woocommerce - PullRequest
0 голосов
/ 29 января 2020

Я создал пользовательский Bootstrap Слайдер. Мне нужна помощь, чтобы показать изображения продуктов. Как мне показать изображения продукта? С помощью этого кода я могу показать изображения, но вариант Woocommerce работает только для первого изображения и не работает на следующих изображениях, а когда я меняю цвет, изображение только на первом изображении изменяется.

Вот код

<div id="product-gallery" class="carousel slide carousel-fade carousel-thumbnails <?php echo esc_attr( implode( ' ', array_map( 'sanitize_html_class', $wrapper_classes ) ) ); ?>" data-ride="carousel">
            <!--Slides-->
            <div class="carousel-inner" role="listbox">
                <?php
                $i = 0;
                if(has_post_thumbnail()):?>
                    <div class="carousel-item active ">
                        <?php $html = wc_get_gallery_image_html( $post_thumbnail_id, true );
                        echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', $html );
                        ?>
                    </div>
                    <?php
                    $i++;
                endif;
                foreach ($attachment_ids as $attachment_id) :?>
                    <div class="carousel-item <?php echo ($i == 0) ? "active" : null; ?>">
                         <?php $html = wc_get_gallery_image_html( $attachment_id, true );
                         echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', $html, $attachment_id );
                         ?>
                    </div>
                    <?php
                    $i++;
                endforeach; ?>
            </div>
...