Thread Starter
bst7
(@bst7)
I got one to work by setting the Effect to “Slide” instead of “Fade”, but that still isn’t working on my previous or new ones (it might be some weird interaction with the vertical/horizontal orientation of the slides as well).
-
This reply was modified 2 years, 2 months ago by
bst7.
This issue might be caused by another plugin/theme. So, please try to deactivate all your plugins except for MetaSlider and switch your theme temporarily to Twenty-Twenty One. If this fixes your MetaSlider issue, you can then try to activate all the plugins back one-by-one until you find which of the plugin is causing the conflict.
Thread Starter
bst7
(@bst7)
The site is using the TwentySeventeen built-in theme.
I’m not going to go and do all your debugging for you. This was working, I did a wordpress update and now it is broken. I have not added any new plugins since then.
You should take responsibility for your plugin. It is a very simple and 100% reproducible case which is regression from previous behaviour. I really don’t have time to do all of this without a much clearer direction. This is really an insulting response.
-
This reply was modified 2 years, 2 months ago by bst7.
-
This reply was modified 2 years, 2 months ago by bst7.
Apologies if you find my response insulting.
MetaSlider has been tested to work with WordPress v5.9. I also wasn’t able to replicate your issue on my local.
Before I could provide you a solution, we need to determine first on what’s causing your slideshow to not work. Deactivating all your plugins except MetaSlider would be the first step.
Please note that your site is throwing some deprecation warnings, so it’s possible that upon updating your site, one of your plugin has caused some conflict.
I’m afraid I could not provide further assistance if you’re not willing to cooperate.
Thread Starter
bst7
(@bst7)
I don’t understand:
“I also wasn’t able to replicate your issue on my local.”
I go to the page I reported the problem:
https://williamstewart.me/himalayas-calendar-2020/
I should see (and used to see):
* Arrows to navigate Left/Right
* 13 Dots below that show the individual slides I can navigate too in the slideshow
I do see:
A static image.
I tried this on:
Chrome, Firefox, Safari.
So, what does it mean “I also wasn’t able to replicate…”?
Did you see “dots”? Were you able to navigate to the previous/next slider image? If you click on the image, a Lightbox is invoked and you will see the images that are there in the slideshow and the page’s HTML references a meta-slider slider object.
This is 100% reproducible on that page on these browsers (Mac) and I just tried on iPad, same.
William
Thread Starter
bst7
(@bst7)
So, the problem is in this file:
https://williamstewart.me/wp-content/plugins/ml-slider/assets/sliders/flexslider/jquery.flexslider.min.js
If it is merged and minified with other JS files, the slider no longer works.
The merging/minification is done using Merge + Minify + Refresh plugin, which otherwise doesn’t cause a problem on my site.
-
This reply was modified 2 years, 2 months ago by bst7. Reason: re-diagnosed problem
Thread Starter
bst7
(@bst7)
Oh – just as a note! I have excluded the flexslider file from the MMR plugin’s list, so the site works again.
To be clear, I was able to experience the issue on the link you provided
https://williamstewart.me/himalayas-calendar-2020/
What I meant was I tried to replicate your issue on my local environment using Twenty Seventeen theme and just MetaSlider as the active plugin.
But, I wasn’t able to, which means that there is other factor that causes the issue outside MetaSlider.
Anyways, glad you were able to figure things out. Any optimization/minification plugins will sometimes cause problems with any JS driven plugins.
Have a nice day!
Thread Starter
bst7
(@bst7)
Ok, thanks for the clarification, your earlier comments make better sense now.
I’m curious though:
With the JS file in question, minification was not a problem, however the merging process was. So, I just excluded your file from that process.
Why would merging this file be problematic? Is this not a problem with your file, as no other JS files seem to have this problem.
As I said in my previous comment, JS conflicts happen SOMETIMES when multiple JS files getting merge. Not always. This is a common issue with any JS driven plugins.
In your case, you are correct, it’s the jquery.flexslider.min.js file. That’s why excluding the file would be the work around.
