Smart Slider 3 conflict with Ecwid plugin or embed code

Hi @adopted3

I installed Ecwid Ecommerce Shopping Cart to my test site, but I wasn’t able to reproduce the problem.
I’m using:
WordPress: 5.7.2
Twenty Twenty-One: 1.3
Smart Slider 3: 3.5.0.9
Ecwid Ecommerce Shopping Cart: 6.10.13
and no othe plugins are active.

Are you able to reproduce this problem if you turn off all other plugins but Smart Slider and Ecwid Ecommerce Shopping Cart? Does the problem still happen if you switch to a default WordPress theme (Twenty*)?

Hi @nextend_ramona , thank you for your reply.

I set up a page demonstrating the problem here: https://bigbeartools.com/test-ecwid-smart-slider-3-conflict/

I’ve turned on WP debugging, but for some reason I’m not seeing the error I mentioned above (in debug mode, WordPress was putting the error message about Section.php line 57 right where the slider would be.

I still have this problem when Smart Slider and Ecwid are the only active plugins, but I will test again just now to be sure.

Let me know if you spot anything, and thanks again for your help.
Paul

I just disabled all plugins except Smart Slider. (I’m not using the Ecwid plugin, just the direct embed code.)

The problem is the same, except that this time in place of the missing slider is the text “Notice: Trying to access array offset on value of type null in /home/bigbstr2/public_html/wp-content/plugins/smart-slider-3/Nextend/Framework/Model/Section.php on line 57”.

(Sorry, I need to keep the other plugins active now.)

Hi @adopted3

Were you able to figure it out? I checked the linked test page and the slider loads fine for me there.
Chrome (91.0.4472.124): https://imgur.com/9TIDVj8
Firefox (89.0.2): https://imgur.com/ksEDjrx

If you still see the problem, can you tell me the name and version number of the browser where the problem happens?

I’m not using the Ecwid plugin, just the direct embed code.

Based on this and that you saw an empty space instead of the slider I think the problem will be some kind of JavaScript error (maybe from the embedded code). JavaScript errors stop every other JavaScript code on the page and prevent them from working, and they commonly leave an empty space where the slider should be.

Do you see any JavaScrip errors on your site? You can check it like this:
https://smartslider.helpscoutdocs.com/article/1935-troubleshooting-with-your-browser#jserror

Hi @nextend_ramona

Thanks again for your prompt reply.

I’ve found that the test page works in the Chromium browser, but not in Firefox (on my PCs so far).

The Chromium console shows a couple errors that the Firefox console doesn’t show. However, I removed any that Chromium also noticed, so here are the errors I see in Firefox (where it’s broken), but not Chromium (where it works):

NOTE: the script.js referred to here is Ecwid’s https://app.ecwid.com/script.js
I will share this with the Ecwid tech support:

unreachable code after return statement script.js:1356
unreachable code after return statement script.js:1624:1
The script from “https://d2scn539ulxr09.cloudfront.net/rosetta/translations/new-frontend/files/new-frontend.en.507559234.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type. test-ecwid-smart-slider-3-conflict
unreachable code after return statement script.js:1356
unreachable code after return statement 2 script.js:1624:1
unreachable code after return statement script.js:1356
unreachable code after return statement script.js:1624:1
JQMIGRATE: Migrate is installed, version 3.3.2 jquery-migrate.min.js:2:709
Some cookies are misusing the recommended “SameSite“ attribute 28
Request to access cookie or storage on “<URL>” was blocked because it came from a tracker and content blocking is enabled. 11
This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”. test-ecwid-smart-slider-3-conflict
Content Security Policy: Ignoring “’unsafe-inline’” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “https:” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “http:” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “’unsafe-inline’” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “https:” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “http:” within script-src: “strict-dynamic” specified
Some cookies are misusing the recommended “SameSite“ attribute 3
Content Security Policy: Ignoring “’unsafe-inline’” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “https:” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “http:” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “’unsafe-inline’” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “https:” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “http:” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “’unsafe-inline’” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “https:” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “http:” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “’unsafe-inline’” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “https:” within script-src: “strict-dynamic” specified
Content Security Policy: Ignoring “http:” within script-src: “strict-dynamic” specified
HorizontalCategoriesWidgetV2 loaded ru.cdev.xnext.legacyfrontendstub.LegacyFrontendStub-0.js:1114:53
The script from “https://s3.amazonaws.com/yotpo-plugins/ecwid/config/877073.js” was loaded even though its MIME type (“application/json”) is not a valid JavaScript MIME type. test-ecwid-smart-slider-3-conflict
Use of Mutation Events is deprecated. Use MutationObserver instead. rocket-loader.min.js:1:9496

Regards,
Paul

Hi @adopted3

Most of those messages are rather warnings, so I don’t think those are the ones causing the problem.

Anyways I checked the linked page in Firefox 89.0.2 (64-bit) and the slider loaded fine for me, too.
However when I try to switch slides, I can see a JavaScript error occur in Firefox that seem to prevent our slide switching ( I don’t see this problem in Google Chrome ).
The error message:
Uncaught TypeError: event.target.matches is not a function
and it seems to be connected to a bug with the Twenty Nineteen theme in this file:
https://bigbeartools.com/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js
that has been already reported by some users:

• https://core.trac.www.ads-software.com/ticket/45903

So to confirm the problem is actually connected to that, what I would suggest is installing another WordPress default theme like “Twenty Twenty-One” and see if that solves the problem.

Important note:
I see your source code is optimized probably Autoptimize and your site also seem to be cached by Cloudflare. Could you disable these temporarily to see if they have any connection to the problem?

Hi @laszloszalvak

Thanks for the helpful info.

I disabled Autoptimize and Cloudflare cache, cleared browser cache, and the problem still existed (slider not showing).

When I re-activated the Cloudflare cache and Autoptimize plugin, I also updated the “Really Simple SSL pro” plugin to Version 5.0.

At that point, the test page worked for me in Firefox. I’m not sure if it was purging the caches (I had done that before), the update to the SSL plugin, or randomly worked, but since it worked, I re-enabled the Ecwid plugin, and got the store set up again, but was getting this error where the slider belongs on front page: “Notice: Trying to access array offset on value of type null in /home/bigbstr2/public_html/wp-content/plugins/smart-slider-3/Nextend/Framework/Model/Section.php on line 57”

I’ve disabled the slider on the front page, to keep the store working. I also turned WP_DEBUG off.

We’re planning a new website, so I probably won’t spend much more time on this, although I might try switching to a different default WP theme.

Thanks again!
Paul

Hi @adopted3

I am glad the problem no longer occurs.

As for the PHP notice you received:
I didn’t manage to reproduce this problem on my local test site, but the code part where your notice is pointing is actually connected to caching in the slider.
So what you could try is going to our Global Settings > General tab and clear the cache:
https://smartslider.helpscoutdocs.com/article/1783-general#clear-cache
then please clear all third party cache as well and check if the PHP notice still appears.

If it does, then please get in touch with us over the ticket system:
https://smartslider3.com/contact-us/support/?ref=https://www.ads-software.com/support/topic/smart-slider-3-conflict-with-ecwid-plugin-or-embed-code/
and we will check this problem on your site!

Hi @laszloszalvak ,

An update for you: I’ve tested WP 5.8 with the Twenty Twenty-One theme, and there is no conflict with the Ecwid plugin… all’s well.

Thanks for your help!

I spoke too soon– the problem must be intermittent. Slider not showing on page with Ecwid code.
I’m seeing an “unreachable code after return statement” in the Ecwid script.js.
Also, sometimes a failed GET for an image (not found)… but I’m not using that image anywhere, and wondering if it’s still stuck in my slider.

I went through all our slides, and our first slide had a background image (not found) in the “Content ???” section, in addition to the background image in the “Slider ???” section.

I deleted the reference to the background image in the “Content” of the first slide shown.

Could that have prevented the slider from loading? It’s loading now, but I’ll need some time before I know, because it has been intermittent.

Yeah, it still often doesn’t load the slider. (Firefox only) ??

Not sure if these errors could relate:

Fri Jul 23 14:04:30 GMT-700 2021 ru.cdev.xnext.client.UncaughtExceptionHandler
SEVERE: undefined
java.util.ConcurrentModificationException
ru.cdev.xnext.legacyfrontendstub.LegacyFrontendStub-0.js:2555:158
Uncaught Error: java.util.ConcurrentModificationException

Hi @adopted3

Please contact us at:
https://smartslider3.com/contact-us/support/?ref=https://www.ads-software.com/support/topic/smart-slider-3-conflict-with-ecwid-plugin-or-embed-code/
and send us:
– the Ecwid code you’re using
– the .ss3 export file of your slider
to investigate the problem.

Hi @nextend_ramona ,
Thank you, I will do that. Since our website is in maintenance redirect mode, you’ll need a WP account to see the problem.