Images not loading on simple slider (on one site)

  • Resolved daymobrew

    (@daymobrew)


    1 year, 2 months ago

    I installed SmartSlider3 on a site and it worked perfectly. When I added the same 3 images and slider to another site (on AWS EC2 and S3) it does not load the images and does not register any errors in the browser console.

    What might cause this? How can I debug it?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Laszlo

    (@laszloszalvak)

    Hi @daymobrew

    I checked the linked page and the problem that I currently see there is that, our JavaScript files are missing from your site, that’s why the slider is not able to load.

    What you should check first is if you inspect the results in our Preview:

    by clicking the Eye icon, does the slider appear there fine?

    If it doesn’t appear there either:

    then you should probably try a reinstallation to avoid cases where some of our files weren’t moved to your site. For this you should delete your current Smart Slider 3 installation ( don’t worry your sliders won’t be deleted ), then you should install it again just like you did the first time:

    and see if that makes any difference.

    In that case if the slider appears fine in the preview, just not on the frontend:

    Then your problem is probably caused by a third party plugin. So you should try a plugin/theme conflict test:

    that way you could figure out if the slider appears fine if Smart Slider 3 is the only enabled plugin and you use a WordPress default theme, and if it does, by enabling the other plugins one by one, you could find the plugin that causes the problem.
    If you managed to find it, please let us know its name and we will take a look at this problem.

    Best regards,
    Laszlo.

    Thread Starter daymobrew

    (@daymobrew)

    I fixed it. It seems that the Smart Slider JS files were injected in the middle of a html comment that happened to have ‘</head>’ it in! It looks like the 4 scripts are injected in an unusual way (instead of wp_enqueue_scripts).

    I had code like this:

    add_action('wp_head', 'gtm_code', 1);
function gtm_code() {
?>
.. gtm js code
    <!--
    Start of global snippet: Please do not remove
    Place this snippet between the <head> and </head> tags on every page of your site.
    -->
...more gtm js code.
<?php
}

    The 4 SS3 JS files were injected between and and </head> in the comment!

    Why does SS3 not use wp_enqueue_scripts/wp_head?

    Plugin Support Gabor

    (@nextendweb_gabor)

    Hi @daymobrew!

    I’m glad you managed to resolve the problem!

    We had a lot of issues with wp_enqueue_scripts in the past, like a lot of custom themes are missing wp_head and wp_footer functions, which would call in the enqueued files. Also, a lot of js minification offering plugins mess up our codes, and some of them don’t offer a way for developers to exclude their files. So we had to come up with a solution to be able to avoid them.

    Thread Starter daymobrew

    (@daymobrew)

    Thanks for the explanation and quick help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Images not loading on simple slider (on one site)’ is closed to new replies.