Okay
  Public Ticket #1626379
Slider Not Appearing after Update
Closed

Comments

  • LoneTreeCreative started the conversation

    Updated to the latest version of Layerslider and it broke everything. There are no errors in the console, the slider simply doesn't appear. If I had known a simple update would break the whole thing, I wouldn't have updated it at all on a live client site. 

    Just showing a blank white space where the slider should be.

    http://test.lonetreecreative.com/signatureaesthetics/

    Edit: Tried using an older version of Layerslider (6.5.7), still doesn't work. I also updated all other plugins and the WP core, so maybe Layerslider no longer is stable in the current version of WP? Yes, I've tried disabling all plugins.

    Edit: I reverted the entire Wordpress folder in my local development environment back to a full day before I did any updates and the slider is STILL broken. Some issue that persists through backup restores??

  • [deleted] replied

    Hello LoneTreeCreative,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    I've checked both your live and test site, but there is no LayerSlider being used on them currently. Where can we check this issue to investigate it ?

  • LoneTreeCreative replied

    Yes, it’s active on the test site. You can’t see it because it’s broken and won’t render. But that big white space is where it’s supposed to go.

  • [deleted] replied

    Ah, I see it now. The test site URL was also linked to the live site, so it opened the same page with no LayerSlider on it, but manually copying the address works.

    The issue is generated by the additional TweenMax loaded to your site, either by your theme or by a 3rd party plugin. TweenMax is a js file for the GreenSock Animation Platform that we are also using in our plugin. 

    LayerSlider was built to work together with other Greensock using items. However your theme (or plugin) might be not, therefore generating this issue. 

    Please try to use the LayerSlider WP -> Options -> Advanced -> Use Greensock (GSAP) sandboxing option. This should provide as a workaround in cases like this.

  • LoneTreeCreative replied

    Sorry, that solution didn't work. I've tried removing all other JS libraries and disabling every other plugin, but the slider still just shows as white. This must have something to do with the recent updates. As of right now, LayerSliders that I'm using on other websites are fine, but they aren't updated. This is the only one fully up-to-date, and the only one that's broken.

  • [deleted] replied

    It's not related to the update. We did not receive any reports regarding this from other users, and we did not experience this on our end either. As mentioned, it's most likely caused by the extra Greensock JS file loaded either by your theme or by a 3rd party plugin.

    In addition to disabling plugins, have you also changed to a default WP theme, to see if it's a theme conflict ?

  • LoneTreeCreative replied

    I've disabled ALL plugins except LayerSlider WP and removed ALL script calls to other js files from the header, footer, and functions files. LayerSlider WP is the only script/plugin running, and it still doesn't render. Only appears as white.

    When I inject the shortcode into a sample page in the Twenty Seventeen theme, it works. But it doesn't work in my theme, which is where it needs to work.

    I haven't changed ANY code, the only thing I did was update the WordPress core and the LayerSlider plugin, something there broke. I'm not using crazy complicated code, it's a very straightforward website. Issue still unresolved.

  • [deleted] replied

    Thank you for the feedback. I'll forward your case to the dev team to see if they can locate the exact conflict and get back to you with the results shortly.

  • [deleted] replied

    Thank you for your patience. As we can see this is your own/custom theme, and you might have made some mistakes. What we can think of is that the  wp_footer() function is not called. The symptom of this is that there are some necessary scripts that do not load. The slider is not there because of some conflict, but because it does not initialize in the first place, as the file that would start it is not loaded and the code that would initialize it is missing as well.

    We found other errors as well. The theme itself generates some errors. Seemingly you also try to use Greensock, but your version does not even load, thus this error: "ERROR: TweenLite or TweenMax could not be found."

    Also, there is a duplicated version of the jQuery loaded. Probably becase you did not use the wp_enqueue_script() and other similar functions, instead hardcoded and forced them to the site.

    Furthermore, if the wp_head() function is being used, it should work without any modification, if the LayerSlider -> Options -> Advanced -> conditional script loading and footer options are disabled.

  • LoneTreeCreative replied

    Just wanted to update that it was the very first thing you mentioned: I wasn't calling wp_footer. That's it! Super simple. Sorry to have taken time and resources for this silly issue, but at least now we know in custom WP themes, wp_footer is crucial for Layer Slider to work. Thank you! :)

  • [deleted] replied

    Thank you for the feedback, glad you could solve the problem. If you need further assistance please let us know.