Пользовательский шаблон WooCommerce - вариант продукта Главное изображение не меняется - PullRequest
Новая
       35

Пользовательский шаблон WooCommerce - вариант продукта Главное изображение не меняется

0 голосов
/ 03 октября 2018

Я использую пользовательский шаблон для WooCommerce, чтобы мы могли изменить макет страницы.Это прекрасно работает, однако изображение продукта не меняется с изменением продукта.То есть, если они выбирают «красный», основное изображение не меняется.Вместо этого, только миниатюра в позиции # 1 делает.Я знаю, что это связано с макетом, потому что если я вернусь к старому макету, он будет работать правильно.Кто-нибудь знает, почему это может быть?Я искал повсюду, но просто не могу разобраться.Это код в моем новом макете, хотя я не думаю, что это виноват (возможно, чего-то не хватает).Я также не получаю никаких ошибок в консоли: 

<div class="product-container">
<div class="product-main">
<div class="row content-row mb-0">

    <div class="product-gallery large-<?php echo flatsome_option('product_image_width'); ?> col">
    <?php
        /**
         * woocommerce_before_single_product_summary hook
         *
         * @hooked woocommerce_show_product_sale_flash - 10
         * @hooked woocommerce_show_product_images - 20
         */
        do_action( 'woocommerce_before_single_product_summary' );
    ?>
    </div>

    <div class="producttext">
        <?php
$content = get_the_content('Read more');
print $content;
        ?>
    </div>


    <div class="product-info summary col-fit col entry-summary <?php flatsome_product_summary_classes();?>">

        <?php
            /**
             * woocommerce_single_product_summary hook
             *
             * @hooked woocommerce_template_single_title - 5
             * @hooked woocommerce_template_single_rating - 10
             * @hooked woocommerce_template_single_price - 10
             * @hooked woocommerce_template_single_excerpt - 20
             * @hooked woocommerce_template_single_add_to_cart - 30
             * @hooked woocommerce_template_single_meta - 40
             * @hooked woocommerce_template_single_sharing - 50
             */
            do_action( 'woocommerce_single_product_summary' );
        ?>

    </div><!-- .summary -->

    <div id="product-sidebar" class="mfp-hide">
        <div class="sidebar-inner">
            <?php
                do_action('flatsome_before_product_sidebar');
                /**
                 * woocommerce_sidebar hook
                 *
                 * @hooked woocommerce_get_sidebar - 10
                 */
                if (is_active_sidebar( 'product-sidebar' ) ) {
                    dynamic_sidebar('product-sidebar');
                } else if(is_active_sidebar( 'shop-sidebar' )) {
                    dynamic_sidebar('shop-sidebar');
                }
            ?>
        </div><!-- .sidebar-inner -->
    </div>

</div><!-- .row -->
</div><!-- .product-main -->

<div class="product-footer">
    <div class="container">
        <?php
            /**
             * woocommerce_after_single_product_summary hook
             *
             * @hooked woocommerce_output_product_data_tabs - 10
             * @hooked woocommerce_upsell_display - 15
             * @hooked woocommerce_output_related_products - 20
             */
            do_action( 'woocommerce_after_single_product_summary' );
        ?>

        <hr>

    </div><!-- container -->

</div><!-- product-footer -->
</div><!-- .product-container -->

РЕДАКТИРОВАТЬ:

Я разобрал HTML для изображения из консоли разработчика, и отсутствует следующий элемент:

data-o_data-thumb = ""

from: 

 <div data-thumb="https://mywebsite.com/wp-content/uploads/2018/09/slim-
 bifold-minimal-extra_013_0087_OPTIONS-600x400.jpg" class="woocommerce-      
 product-gallery__image slide first is-selected is-ready" 
 style="position: absolute; left: 0%;" aria-selected="true" data-o_data-
 thumb="https://mywebsite.com/wp-content/uploads/2015/10/mens-leather-
 walletslim-bifold-minimal-extra_013_0087-386x258.jpg">

Мой код в основном завершен после "aria-selected =" true "и не имеет концаЛюбая идея, где это называется и какой код разместить, чтобы заставить его работать?

...