Woo version 3.0.3 and theme version 3.1

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…

I solved it by writing a simple custom function. So you can mark this as resolved.

Ok thank you. But I am still searching for a solution to get the excerpt automatically, as its done in the posts overview page (content-grid.php). I am sure there must be a way to edit theme-functions.php to achieve this, I just dont know how. Could you please help me with that? Many thanks in advance!

Ok thank you for your soon reply and the answer. Isnt there any solution how to edit my template to grab the excerpt automatically? I dont want to add the excerpt manually. Otherwise I will have to look for another plugin but I would like to use the built-in function. Thank you.

Hello Rose,
Thank you, I just wanted to post that I fixed it when I found your answer 😀 I did exacetly what you said and added a line of css and now it works 🙂

Thanks, but I dont use them in Visual Composer. I use them in a sidebar filter and need custom order.

Ok, thank you, looking forward for the fix. So you could reproduce the problem?

GtMetrix gives me a PageSpeed Score of “A 95%” – so I can’t imagine that this is the reason.

Ok great, thank you very much!

I dont want to speed up my website, I would like to speed up the time it takes until a product is removed from the cart popup.

On single product page. I’ve disabled the function on shop page so I dont know how it works there.

And in line 20 of the same file: </span>></h3>

“vom” = “from”. Unfortunately I can not edit my posts in this forum. It always says “You cannot create new topics” when I click the edit button.