Topic: Conflict/ bug in etheme.js

In etheme.js, this part of the code (line 1416) causes the conflict:

     // **********************************************************************// 
    // ! Product variations images
    // **********************************************************************// 

    $('form.variations_form').on( 'found_variation', function( event, variation ) {

        var $variation_form = $(this);
        var $product        = $(this).closest( '.product' );
        var $product_img    = $product.find( '.woocommerce-main-image img:eq(0)' );
        var $product_link   = $product.find( '.woocommerce-main-image' );
        var $lighbox_link   = $product.find( '.product-lightbox-btn' ).first();

        var o_src           = $product_img.attr('data-o_srcset');
        var o_title         = $product_img.attr('data-o_title');
        var o_href          = $product_link.attr('data-o_src');

        var variation_image = variation.image.src;
        var variation_link = variation.image.url;
        var variation_title = variation.image.title;

        $product_link.attr('href', variation_image);
                    
        if ($('.main-images').hasClass('zoom-enabled')) {
            if($(window).width() > 768 && variation_image.length > 5 && variation_link.length > 5){
                try {
                    $product_link.swinxyzoom('load', variation_image,  variation_link);
                } catch(e) {}
                
            }
            $product_link.attr('href', variation_link);

            if(variation_link.length > 5) $('.sxy-zoom-viewport img').first().attr('src', variation_image);
            if(variation_link.length > 5) $lighbox_link.attr('href', variation_link);
        } else {
            $product_link.attr('href', variation_link);
            if( variation_image.length > 5 ) $( '.woocommerce-main-image img' ).first().attr( 'src', variation_image );
            if( variation_image.length > 5 ) $( '.woocommerce-main-image img' ).first().attr( 'srcset', variation_image );
        }

        var owlMain = jQuery(".main-images").data('owlCarousel');
        if( typeof owlMain != 'undefined') {
            owlMain.goTo(0);
        }

    }) 

If I delete it, it works. But of course I dont want to delete it but to fix it properly…

Are you sure it will fix the conflict with the popup plugin? Can you give me an ETA? I have to decide if I can wait or downgrade…thank you

I just reuploaded the file you sent me (thank you) but the bug is still there. Then I compared the file you sent me with the file that was included in the theme and noticed that the two files match, so there is no difference at all. Did you sent me the wrong file?
The bug only exists with variable products, for simple products everything works fine.

Hmm ok thank you. So, one more issue to hope that the update will be released soon and will really fix the bugs.

I did so and cleared the cache but the error is still there and the popup plugin still only works for simple products 🙁

Yeah, updating woocommerce from version 3.0.3 to 3.0.4. fixed the problem with the popup plugin. Thank you!

And if I disable zoom in 8theme options, the error is gone.

Firefox console also shows this error if zoom (window or lens) are activated:
TypeError: d.dp is undefined
zoom.js (Line 24, Column 262)

And I noticed that the single product page loads slower than before and it seams that the zoom is blocking the page from loading. Sometimes the product images are not loaded properly and they are displayed in full size one after the other before they get included in the product gallery slider.

Please find them in private content. I’ve disabled childtheme and switched to an untouched copy of Royal Theme 3.0.2 to make sure that no custom files affect the theme behavior. The problem with the slow loading images exists only in Firefox. But the error message appears also in Chrome.
Please dont post any screenshots or links to my page in public content.
Thank you.

Content is visible for topic creator and
support staff only.

Ok great the error message has gone, thank you. You’ve edited only royal/woocommerce/single-product/product-image.php – right?
Will the next update fix this?