DOM error when selecting filter in store

  • I’m using the my own theme with Elementor and while I’m using the Ajax Product Filter on a custom made products shop page, I keep getting this DOM exception error which ends up breaking the page. I can refresh the page and the error goes away but it seems to happen after I’ve selected one filter and I either reset the filter or deselect to choose another filter.

    Uncaught NotSupportedError: Failed to execute 'define' on 'CustomElementRegistry': the name "wc-order-attribution-inputs" has already been used with this registry

    at <anonymous>:1:1527

    at <anonymous>:1:2327

    at m (jquery.min.js?ver=3.7.1:2:880)

    at Function.globalEval (jquery.min.js?ver=3.7.1:2:3031)

    at Object.dataFilter (jquery.min.js?ver=3.7.1:2:78614)

    at jquery.min.js?ver=3.7.1:2:77064

    at l (jquery.min.js?ver=3.7.1:2:77466)

    at XMLHttpRequest.<anonymous> (jquery.min.js?ver=3.7.1:2:80265)

    at Object.send (jquery.min.js?ver=3.7.1:2:80625)

    at Function.ajax (jquery.min.js?ver=3.7.1:2:76167)

    frontend.min.js?ver=3.18.2:2

    Uncaught TypeError: Cannot read properties of undefined (reading 'handlers')

    at 3515 (frontend.min.js?ver=3.18.2:2:4476)

    at __webpack_require__ (<anonymous>:2:150)

    at 4774 (frontend.min.js?ver=3.18.2:2:4130)

    at __webpack_require__ (<anonymous>:2:150)

    at 2 (frontend.min.js?ver=3.18.2:2:137)

    at __webpack_require__ (<anonymous>:2:150)

    at frontend.min.js?ver=3.18.2:2:25088

    at webpackJsonpCallback (<anonymous>:2:5466)

    at Array.forEach (<anonymous>)

    at <anonymous>:2:5677

    jquery.min.js?ver=3.7.1:2

    Uncaught TypeError: Cannot read properties of undefined (reading 'replace')

    at F (jquery.min.js?ver=3.7.1:2:29743)

    at Function.css (jquery.min.js?ver=3.7.1:2:54096)

    at e.<computed>.<anonymous> (jquery.min.js?ver=3.7.1:2:55554)

    at M (jquery.min.js?ver=3.7.1:2:29634)

    at e.<computed>.css (jquery.min.js?ver=3.7.1:2:55388)

    at e.<computed>.<anonymous> (jquery-migrate.min.js?ver=3.4.1:2:7835)

    at e.<computed> [as css] (jquery-migrate.min.js?ver=3.4.1:2:1582)

    at v (jquery.sticky.min.js?ver=3.18.2:1:1080)

    at C (jquery.sticky.min.js?ver=3.18.2:1:2919)

    at dispatch (jquery.min.js?ver=3.7.1:2:40035)
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Facundo Arano

    (@aranofacundo)

    Hi there,

    I hope you’re well.

    In order to check what is happening, please send us the link to the page with the preset filters so we can do some tests.

    Thanks for your cooperation.

    Thread Starter lorena90

    (@lorena90)

    The link is https://ocrestudi.es/propuestas/design/tienda/

    Thanks

    Plugin Support Facundo Arano

    (@aranofacundo)

    Hi there,

    To solve the issue, please try adding the following PHP code in the functions.php file of your current them:

    if( ! function_exists( 'yith_wcan_content_selector' ) ){
        function yith_wcan_content_selector( $selector ){
            $selector = '.elementor-location-archive > .elementor-element:has(.yith-wcan-filters)';
            return $selector;
        }
        add_filter( 'yith_wcan_content_selector', 'yith_wcan_content_selector' );
    }

    Let us know if this helped you.

    Thread Starter lorena90

    (@lorena90)

    Hi,

    Once I put this code in my functions.php file, no longer appears any error in the console, but the original design is lost, appearing first the results of the filter occupying the entire width of the screen, and below this, the widget with the filters.

    • This reply was modified 4 months, 1 week ago by lorena90.
    Thread Starter lorena90

    (@lorena90)

    Hi, how can I fix this problem?

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.