Here there,
I have an issue with the banner carousel, below are the error details for the console:
jquery.min.js?ver=3.6.3:2 jQuery.Deferred exception: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'. TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
at z.attach (https://thesouqexpress.com/wp-content/themes/xstore/js/modules/swiper.min.js?ver=9.1.4:1:15729)
at z.init (https://thesouqexpress.com/wp-content/themes/xstore/js/modules/swiper.min.js?ver=9.1.4:1:16166)
at z.init (https://thesouqexpress.com/wp-content/themes/xstore/js/modules/swiper.min.js?ver=9.1.4:1:16492)
at https://thesouqexpress.com/wp-content/themes/xstore/js/modules/swiper.min.js?ver=9.1.4:1:21163
at Array.forEach (<anonymous>)
at https://thesouqexpress.com/wp-content/themes/xstore/js/modules/swiper.min.js?ver=9.1.4:1:21141
at Array.forEach (<anonymous>)
at z.emit (https://thesouqexpress.com/wp-content/themes/xstore/js/modules/swiper.min.js?ver=9.1.4:1:20940)
at P.init (https://thesouqexpress.com/wp-content/themes/xstore/js/modules/swiper.min.js?ver=9.1.4:1:61839)
at new z (https://thesouqexpress.com/wp-content/themes/xstore/js/modules/swiper.min.js?ver=9.1.4:1:66777) undefined
S.Deferred.exceptionHook @ jquery.min.js?ver=3.6.3:2
jquery-migrate-3.0.0.min.js:2 JQMIGRATE: Migrate is installed, version 3.0.0
(index):4 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
at z.attach (swiper.min.js?ver=9.1.4:1:15729)
at z.init (swiper.min.js?ver=9.1.4:1:16166)
at z.init (swiper.min.js?ver=9.1.4:1:16492)
at swiper.min.js?ver=9.1.4:1:21163
at Array.forEach (<anonymous>)
at swiper.min.js?ver=9.1.4:1:21141
at Array.forEach (<anonymous>)
at z.emit (swiper.min.js?ver=9.1.4:1:20940)
at P.init (swiper.min.js?ver=9.1.4:1:61839)
at new z (swiper.min.js?ver=9.1.4:1:66777)
How can I fix this? Seems like a JS error.
Issue 1: If Infinite Slider is on, the slider skips all the sliders like 2,3,4,… and displays only the 1st slide.
Issue 2: Disabling the infinite slider solves issue 1, but on the last like for example slide 4 if you again click on the right arrow button, then the page will open. (the current setting).
Theme version: 9.1.4 WooCommerce version: 6.2Hello, Kevin,
The error shows because of the JS inline code added directly to your page. Could you please, give us an answer to who added this code https://prnt.sc/g9_fv04GVxKx ?
That code creates an issue for the swiper JS which is loaded from our theme.
We can recommend you few options below to check and find if any of those will fix the problem.
1/ Go to Theme Options → Speed Optimization → and activate => Disable Theme Swiper JS (option) ( https://prnt.sc/mgzMLXQnv7pp ).
If it does not help please, try the solution below
2/ Go to Dashboard → Elementor → Settings → Features → set Upgrade swiper library to ‘inactive’ => https://prnt.sc/BRHxas4RsaYr
If it does not help please, deactivate all 3rd-party plugins and check if the issue was fixed. If the problem was caused by any of the plugins, please contact with plugin’s author to fix the issue in their code globally.
Kind Regards,
8theme team
So I understood now, the code is from New Relic – A web application to get live reports about the working of the website and the resource utilization. I have disabled New Relic.
However, the JS error is gone now but the slider is still not working as expected. I will try a few other ways. Thanks for the help.
Hello, Kevin,
If you have any other questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.
Kind Regards,
8theme team
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.