Home Forums WoodMart support forum Quick View Reply To: Quick View

#475664

phumraphee
Participant

I found that when I paste the code


jQuery(document).ready(function() {
    jQuery(document).on('click', '.product-image-link, .product-element-bottom', function(e) {
        e.preventDefault();
        jQuery(this).closest('.product-grid-item').find('.open-quick-view').click();
    });

    jQuery(document).on('click', '.open-quick-view', function(e) {
        e.preventDefault();
    });
});

In the Custom JS->Global It has some error in Console of the browser when I click the product image to open the QuickView,

jquery.min.js?ver=3.6.4:2 Uncaught RangeError: Maximum call stack size exceeded
    at String.replace (<anonymous>)
    at Function.se (jquery.min.js?ver=3.6.4:2:7120)
    at Function.<anonymous> (jquery-migrate.min.js?ver=3.4.0:2:2847)
    at e.<computed> [as find] (jquery-migrate.min.js?ver=3.4.0:2:1566)
    at HTMLBodyElement.handlers (jquery.min.js?ver=3.6.4:2:43646)
    at HTMLBodyElement.dispatch (jquery.min.js?ver=3.6.4:2:42871)
    at y.handle (jquery.min.js?ver=3.6.4:2:41168)
    at Object.trigger (jquery.min.js?ver=3.6.4:2:71790)
    at HTMLAnchorElement.<anonymous> (jquery.min.js?ver=3.6.4:2:72385)
    at Function.each (jquery.min.js?ver=3.6.4:2:3003)
se @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
handlers @ jquery.min.js?ver=3.6.4:2
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery-migrate.min.js?ver=3.4.0:2
e.<computed> @ jquery-migrate.min.js?ver=3.4.0:2
(anonymous) @ VM1262:5
dispatch @ jquery.min.js?ver=3.6.4:2
y.handle @ jquery.min.js?ver=3.6.4:2
trigger @ jquery.min.js?ver=3.6.4:2
(anonymous) @ jquery.min.js?ver=3.6.4:2
each @ jquery.min.js?ver=3.6.4:2

For now, I still use the code above, You can go to my website and get some Inspect, Thank you!