DOM error when selecting filter in store

(@lorena90)

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 6 replies - 1 through 6 (of 6 total)

Facundo A.
(@aranofacundo)

1 year, 6 months ago

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)

1 year, 6 months ago

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

Thanks
Facundo A.
(@aranofacundo)

1 year, 5 months ago
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)

1 year, 5 months ago
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 1 year, 5 months ago by lorena90.
Thread Starter lorena90
(@lorena90)

1 year, 5 months ago

Hi, how can I fix this problem?

Thanks

Yavonz15
(@yavonz15)

1 year ago

Hi, I inserted the snippet in my functions.php but I keep getting error and in the filters the rest of the selections don’t appear once the dropdown is opened.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘DOM error when selecting filter in store’ is closed to new replies.