Problem with Quick View and PopUp

Hello,

Please deactivate Include minified JS and Combine JS files.

Then find the function quickViewLoad in woodmart/js/functions.js and replace the code with this one:

woodmartThemeModule.quickViewLoad = function (id, btn, prev, next, closeText, loadingText) {
        var data = {
            id: id,
            action: "woodmart_quick_view"
        };

        $.ajax({
            url: woodmart_settings.ajaxurl,
            data: data,
            method: 'get',
            success: function (data) {
                // Open directly via API
                $.magnificPopup.close();
                setTimeout(function () {
                    $.magnificPopup.open({
                        items: {
                            src: '<div class="mfp-with-anim popup-quick-view">' + data + '</div>', // can be a HTML string, jQuery object, or CSS selector
                            type: 'inline'
                        },
                        tClose: closeText,
                        tLoading: loadingText,
                        removalDelay: 500, //delay removal by X to allow out-animation
                        callbacks: {
                            beforeOpen: function () {
                                this.st.mainClass = woodmartTheme.popupEffect + ' quick-view-wrapper';
                            },
                            open: function () {
                                $('.variations_form').each(function () {
                                    $(this).wc_variation_form().find('.variations select:eq(0)').change();
                                });
                                $('.variations_form').trigger('wc_variation_form');
                                $('body').trigger('woodmart-quick-view-displayed');
                                woodmartThemeModule.swatchesVariations();

                                woodmartThemeModule.btnsToolTips();
                                setTimeout(function () {
                                    woodmartThemeModule.nanoScroller();
                                }, 300);
                            }
                        },
                    });
                }, 500)

            },
            complete: function () {
                btn.removeClass('loading');
            },
            error: function () {
            },
        });
    };

Best Regards

We will try to prepare some general fix for this in our future updates. But maybe you will need to keep it for next few updates.

Exactly 🙂