MetaSlider JS Not Loading, No JS Errors & Slider Doesn’t Move

  • Resolved Invex09

    (@invex09)


    4 years, 2 months ago

    This page uses an in-page MetaSlider shortcode, and the shortcode from what I can tell is triggering what looks like correct HTML markup. I see in the insepctor that styles from public.css & flexslider.css are being applied from the MetaSlider plugin directory, however no JavaScript is loaded on the page that’s related to MetaSlider. I don’t see any JS errors in the console, it just doesn’t include any JS.

    I tried de-activating every plugin except MetaSlider and still see the same issue so I’m pretty sure its an issue with my theme. My theme calls wp_head() & wp_footer() so that’s not it I don’t think. Any ideas for how to go about debugging this?

    Happy to provide any more info, thanks in advance for any help!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi,

    Under “Advanced Settings” is the Print JS checkbox on? Also, does the slideshow work in the preview area?

    Thread Starter Invex09

    (@invex09)

    Thanks for the quick reply! Yes, Print CSS, Print JS & No Conflict Mode are all checked under advanced settings. And yes the slideshow works in the preview area.

    There’s no indication on the page of what could be causing the conflict. Are you able to change themes quickly to see?

    Before that, you could enable debug mode to see if there are better errors.

    If you’re not sure how to do that, see here:
    https://wp-staging.com/docs/enable-wordpress-debug-log-mode/

    Although, I recommend you set the define('WP_DEBUG_DISPLAY', true); to true instead of false, which will show the errors on the page (unless you see a lot of errors. Then you can have it false).

    Thread Starter Invex09

    (@invex09)

    I tried setting WP_DEBUG & WP_DEBUG_DISPLAY to true and no errors are displayed. Unfortunately, the theme calls some custom PHP functions so I can’t quickly switch to another theme. But I’d be pretty confident the issue lies within the theme, I just don’t really no how to go about debugging as there aren’t any errors. Thanks again

    FlexSlider has a dependency of jQuery being pulled in through WP. If that’s being disabled manually then it could be the cause of the issue. I see some hints of this being the case. Any ideas?

    Thread Starter Invex09

    (@invex09)

    This theme is OLLLDDDDDD haha so its quite possible I could include jQuery in a smarter way. But I have jQuery included with a CDN link before the wp_head() call in header.php. Basically, I have one page on the site that requires an older jQuery version to work, but for every other page I load v3.5.1 via the CDN.

    I attached a screenshot here, again this code runs before the wp_head() call in header.php : https://imgur.com/a/cwls5yN

    I figured if there was a jQuery collision issue or conflict there would be an error in the console. But I’m happy to try including jQuery a different way

    • This reply was modified 4 years, 2 months ago by Invex09.

    If you don’t need jQuery 3 then I recommend just letting WP load in jQuery normally. There’s no real reason to upgrade to v3 unless you need to specifically.

    There’s likely a place in your code that has:

    if (!is_admin()) {
  wp_deregister_script('jquery');
}

    which would have to be removed.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘MetaSlider JS Not Loading, No JS Errors & Slider Doesn’t Move’ is closed to new replies.