Code

Discussion on LayerSlider Responsive WordPress Slider Plugin

kreatura

kreatura supports this item

Supported

36 comments found.

Hi,

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…

Hello Layerslider via WP is creating non secure warnings on my https website: thegreatfrogpaterson.com

- If I use WPSuperCache – I get several warnings about LayerSlider .js files and from a blank.gif file in all testing browsers – the issues being identified if I use the website: whynopadlock.com

... when I look at those files all I see are the http credits to the authors.

- If I turn off WPSC and use Cloudflare cache (which is the preferred choice ) I get in Chrome and Opera browsers ONLY blocked content messages:

[blocked] The page at ‘https://thegreatfrogpaterson.com/' was loaded over HTTPS, but ran insecure content from ‘http://thegreatfrogpaterson.com/wp-content/plugins/LayerSlider/static/skins/darkskin/skin.css': this content should also be loaded over HTTPS.

... yet whynopadlock.com states that the connection is fully secure. Very strange.

- If I disable LayerSlider, then all browser non secure warnings disappear.

I have tried all types of possible combinations to solve this – please advise.

PS: This issue(s) only happens when I use a cache (WPSC or Cloudflare) ... if I disable – no content is LayerSlider is blocked.

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 write in response to my question re: LayerSlider and HTTPS.

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.

SO – what will you try in the Admin area???

Thank you.

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.

This issue is most likely caused by the RocketScript feature that is included to CloudFlare or CloudFlare related plugins. You need to disable this option.

Hi, I have read the comments about the incompatibility between layerslider and cloudflare. Has you identified a solution to this issue yet?

Hello

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.

Thank you

OK – this is to help others f they have the same problem if they are on Cloudflare and Layerslider suddenly don’t work anymore.

DISABLE the Rocket Loader on your Cloudflare account in the “Speed” section and voila.

Thank you to support for finding what was the problem so I could investigate as to how to fix it.

Thanks again.

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.

Hey bilemi,

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.

Best Regards,

Kreatura Support Team

LayerSlider WP DocumentationLayerSlider WP FAQKreatura Media on FacebookKreatura Media on Twitter

Layer Slider isn’t showing up on firefox or google chrome. It shows up fine on safari. http://springfieldhospice.com/seasons-hospice-springfield-springfield-hospice-care2/

Hello,

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:

Uncaught TypeError: Cannot read property ‘t3d’ of undefined

How do we fix it? Thanks

Fixed it! I turned off the RocketLoader in CloudFlare

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

This disappears when I disable the layerslider plugin from wordpress

LayerSlider does not work on my site. meiguojingying.com Please help.

Was getting the error: Can’t find variable: lsShowNotice

Fixed it my disabling JS Minify settings in CloudFlare. You should have a workaround for this.

Hello,

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.

Hi there,

I seem to be at a deadlock to why it has all of a sudden stop displaying. https://nuision.com https://nuision.com/project-opac-justme/

I have uninstalled it and reinstalled but still no luck it works on IE but oint in chrome or firefox.

On inspecting the elements i get this:

“Uncaught ReferenceError: jQuery is not defined nuision.com/:369 Uncaught TypeError: undefined is not a function “

I would be most grateful if you have any ideas.

Thank you in advance

Hello,

Please try to turn off the Rocketscript function of Cloudflare to see if that helps.

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.

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.

Hello,

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.

Cross Browser Issues

The slider is working in Safari on both my phone and desktop. It’s now displaying in FF or Chrome however.

The url is: http://www.austincharterservices.com/

I just purchased and upgraded to the latest version.

Hey davidols,

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.

Best Regards,

Kreatura Support Team

LayerSlider WP DocumentationLayerSlider WP FAQKreatura Media on FacebookKreatura Media on Twitter

Thanks for the help, it was the cloudflare issue.

Hi there,

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/

Thanks

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.

Hi,

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.

Hi,

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?

Thanks

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.

Thank you for your help.

Hi, Can you please try again? That could be related to cloudflare.

Thank you.

Hi,

Is it possible to force CloudFlare Rocket loader to ignore Layerslider scripts? Really there is no way to make this work with Rocket loader? Rocket loader gives a real perfomance boost.

Regards

Got this Plugin included in a Laborator Theme and I’m highly statisfied. Befor this I used Slider-Revolution, now I switched @all sites of me to LayerSlider ;) Good work buddy!

For me there is one thing you can improve:

Your Plugin does not support Rocket Loader™ (for example from CloudFlare) all of the Uncaught ReferenceError: jQuery is not defined

Errors in the past are related to this incompatibility. If I enable Rocket Loader™ this will speed up my site from 1,5s fully loaded to about 0,8s fully loaded without Cache!

So if you would add Rocket Loader™ support to this awesome Plugin there is nothing Slider-Revolution can do what LayerSlider cant.

Pls inform me if you want to add this compatibility and keep me up to date

Best regards, Martin H

Hey Martin,

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.

Best Regards,

Kreatura Support Team

LayerSlider WP DocumentationLayerSlider WP FAQKreatura Media on FacebookKreatura Media on Twitter

Well thats sad.. Loadtime is quiet important for me and RocketLoader makes my site double as fast as without RocketLoader.

Btw do you know how Revolutionslider solved this problem? They had the same problem in the past with RocketLoader @CloudFlare and solved it in the new Versions

Hi, For some reason my slides have stopped looping through today! Any pointer?

Cheers

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.

good I have a problem with layerslider, this is blank when using the shortcode, when you create it and give enter preview works perfectly, but when you use this only shows on blank …

You can vizualizar in www.rednixcom.com

two shortcode but displays only space, but does not show said slider

Hello,

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.

excellent problem if it was the Rocketscript of Cloudflare

Thank you

by
by
by
by
by
by