Discussion on LayerSlider Responsive WordPress Slider Plugin

kreatura supports this item

36 comments found.

I see that LayerSlider does not work properly when RocketScript is enabled in cloudflare. Is there plans to support this in future? Cloudflare really makes a difference in how your website works and it’s a pity that LayerSlider fails here…

With using of Cloudflare, that css files should be loaded from the Cloudflare servers by the default. Did you switch off the css sync? We don’t know about an issue like this, could you, please create us a temporary wp-admin access? You can send it privately from our profile page.

I have tried many, many things to negate this issue, including trying several scripts in the theme functions.php file to call / not call the correct version of JQUERY – which I think is causing this problem.

So far nothing I has worked.

I do not see what you having access to the Admin will do differently?

I have tried:

- Every option ON/OFF in LayerSlider.
- Various versions of .htaccess file including default.
- All options in CloudFlare ON/OFF.
- Various scripts in wp-confg or functions.php for calling jquery from Google CND or not calling it.

.. and many more combinations.

To repeat:
- This issue is only in Chrome or Opera browsers. In Safari – I do not get a https padlock until I leave the home page.
- It happens only if I use CloudFlare (active) or WPSuperCache … with WPSC creating more non-secure blocked content messages than CFlare does … which you can see for yourself if you view the index page of the website.

If I disable LayerSlider or WPSC or CloudFlare – the issue disappears.

I think we’ve found the problem, although it’s not yet clear why is it happening. For some reason the content_url() WP function doesn’t respect the HTTPS setting and returns the non-secure version of the URL. We will do some further testing and try to fix this issue as soon as we can.

I’m using layerslider. For some reason it will not show up on any desktop browser. But it shows up on mobile and i haven’t changed any settings. I and another developer have been working on this for two days. Usually the reverse is the problem, what is going on. I’ve cleared every cache possible. tried visual composer, shortcode, it will not show up on desktop.

You replied twice to my support problem – new version not working – slider don’t show and twice that did not fix anything. Telling me that it is a jquery problem without telling me why suddenly and how to fix it did not help and the ‘Put JS includes to body’ did not help either.

I just sent you another email with my logins – hope PLEASE that you can repair it asap.

Hi guys, your latest update causes an issue in the backend where you cannot edit or create sliders. Prior to 2 updates 6.1.5 & 6.1.6 all was good. Now pleas note this is an issue when site running via cloudflare. We tested the same site on staging environment (without cloudflare) and issue did not exist.

Thank you for your feedback, however we did not experience this issue with Cloudflare on our end and no other user reported it so far either. Regardless we will look into this and investigate any possible problems.

There is a jQuery error (jQuery is not defined) on your site. This usually means that your jQuery is not loaded or not in the right way. LayerSlider needs it be loaded in the header to be able to display the slider properly.

If you’re not familiar with jQuery you can try to use the Put JS includes to body advanced setting to see if that helps.

Please also check if you’re using the Rocketscript feature of Cloudflare, as it messes up jQuery.

I am getting this error in production environment.
Error 521 Ray ID: 20d85d1b2b100c71 • 2015-07-29 11:08:03 UTC
Web server is down
You
Browser
Working
Amsterdam
CloudFlare
Working
uijquery.org
Host
Error
What happened?
The web server is not returning a connection. As a result, the web page is not displaying.
What can I do?
If you are a visitor of this website:
Please try again in a few minutes.
If you are the owner of this website:
Contact your hosting provider letting them know your web server is not responding. Additional troubleshooting information.
CloudFlare Ray ID: 20d85d1b2b100c71 • Your IP: 213.187.243.68 • Performance & security by CloudFlare

Thank you for your feedback. Unfortunately we have had compatibility issues with the CloudFlare and its Rocketscript function before. We will look into this and try to solve the problem in the next update.

I’m using Avada and I purchased this plugin ( fa7150e8-b431-4bbd-b670-8d3eba3098f4 ) so I could use the templates. We then added Cloudflair CDN to our website to speed it up. This caused the plugin to become deactivated and it tells us this license is already being used.

In case you need further assistance with the plugin or its features, please contact our support team by opening a ticket in our support center, as we can only provide help there currently: https://kreatura.ticksy.com

I have recently noticed that the layerslider works fine on Safari but is no longer working on Chrome or Firefox. Url is: www.leaplatform.org.
Since upgrading to Yosemite on my Mac I have tended to use Safari. I do not recall there being any problem prior to the upgrade, when in fact I used Firefox as my default browser. Your help would be greatly appreciated.

This issue is related to RocketScript. It’s a method used by CloudFlare to compress and asynchronously load scripts on page. Unfortunately, it could easily break any WordPress plugin, so I would recommend turning it off.

There are jQuery errors (jQuery is not defined) on your site. This usually means that your jQuery is not loaded or not in the right way. LayerSlider needs it be loaded in the header to be able to display the slider properly.

If you’re not familiar with jQuery you can try to use the Put JS includes to body advanced setting to see if that helps.

Please also check if you’re using the Rocketscript feature of Cloudflare, as it messes up jQuery therefore our plugin.

For some reason, when I enable W3 Total Cache, my sliders stop working, but when I disable Total Cache, they work. Please have a look at my site and let me know what is going on: http://labeautedayspa.com/

It has actually got something to do with minification of js in CloudFlare.
I have my W3 Total Cache set up and is working fine. I narrowed down the problem for when JS minification is on for CloudFlare, then layer sliders will stop working, untill I disable JS minification in cloudflare.

I tried to find the script to omit in page rules of cloudflare, but could not set one up. Help is appreciated.

This issue is related to RocketScript. It’s a method used by CloudFlare to compress and asynchronously load scripts on page. Unfortunately, it could easily break any WordPress plugin, so I would like to recommend turning it off in W3 Total Cache’s settings.

I have turned off RocketLoader and the problem is persistent,
When I turn off js minification, then everything is OK, only that when js minification is on, then problem starts.
What javascript files do I need to exclude from js minification please so it can function properly with cloudflare?

Hi again,
Yes I tried them both, now I have a different problem, if I activate Autoptimize plugin and choose to optimize JS code, then it fails to load layerslider with error: jQuery is not defined.
I tried to exclude layerslider.kreaturamedia.jquery.js and greensock and jquery.js, but the problem persists.

Could you look at that please and activate a autoptimize on one of your sites and let me know what files need to be excluded from autoptimize js optimization? It also complains about lsjQuery, thanks

The problem is most likely the jQuery library is being loaded in the footer of your page. It should always be in your header area of your page, since there are lots of plugins relying on this behaviour.

Hello,
I’m using layerslider included with Avada theme. I activated responsiveness, but the slider doesn’t appear on mobile.
Please have a look at http://firesafeeurope.eu
The slider is in the yellow background.

I was able to check your site now and I can see the issue but not yet sure what is causing this exactly. Most likely a conflict problem with a 3rd party product, please temporary disable other plugins and switch to a default theme to see if that helps.

We are aware of the issue between the Rocketscript feature of Cloudflare and LayerSlider. Unfortunately we are not able to release a fix for this as the problem is not generated on our end. Rocketscript is a method used to compress and asynchronously load scripts on page and it could easily break any WordPress plugin as it also interferes with jQuery. LayerSlider is jQuery dependent but we do not have enough control over it in a WordPress environment. Cloudflare provided a solution for this some time ago, but it would only work on an individually compiled site, it will not work properly on WordPress so you cannot apply it on LayerSlider. Unfortunately at the moment there is no option to use LayerSlider and Rocketscript together.

I’m not sure whether they solved this out of the box. The problem is not with the individual plugins, but the order in which the scripts are being loaded on the page. CloudFlare’s async script loading can easily break any plugin with dependencies like jQuery. The following code should help if you paste it at the very end of your theme’s functions.php file:

It is http://labeautedayspa.com the slides loop for around 3 times, then stop looping for some reason, I set the loop count to 0 to be infinite, and set one of the slides to be 50 just in case, but they all stop after 3 loops

Did you install any new plugins/themes or any updates from them recently? There are some Javascript errors on your page, but I wasn’t update to track it back to the source. Please try to temporarily disable other plugins and switch to the default WP theme to see if it helps or not.

Hi there, thanks for the info, I did a bit of digging and the culprit is this plugin:
“CSS Animator for Visual Composer”
Just that you know for future reference if anyone else comes across it. I will get in touch with the developer of that plug in and see what is going on.

On a separate note, is there a way of getting the slides to load up quicker using Cloudflare CDN? Because the pictures on the page load up pretty quickly but the slides are the last to load up, so I am wondering what I can do to speed it up? I do use W3 Total Cache and I leave the minification to Cloudflare to do, at the moment all elements load up reasonably quick but the slides. thanks for looking into this.

The inline Javascript will not slow down your pages or have any influence on loading images and sliders. LayerSlider preloads all the images on your first slide before it fades in, so it could be the delay you’re concerned about.

There is a jQuery error (jQuery is not defined) on your site. This usually means that your jQuery is not loaded or not in the right way. LayerSlider needs it be loaded in the header to be able to display the slider properly.

If you’re not familiar with jQuery you can try to use the Put JS includes to body advanced setting to see if that helps.

Please also check if you’re using the Rocketscript feature of Cloudflare, it messes up jQuery.