Only the loading animation displays in the frontent

Error

The loading animation is showing but the slider does not load

Possible causes

JavaScript error in the page

Most likely you have a JavaScript error on your page. Use  Chrome to figure out what is causing it.

Possible js error: Uncaught TypeError: Cannot read property 'img' of undefined

This error happens, if you have apostrophe (') or some special character in you  background image's or maybe image related layer's file name. We try to fix issues related to this, but you shouldn't use special characters in file names, because even if our code allows them, some browsers have problems with them, and for example WordPress filters out these characters, when you are uploading files as well.

Javascript minification

There are javascript minifying plugins, which aren't putting the javascript codes properly into their files in the order they found them or they are just making errors by trying to minify javascript codes (not necessarily ours, but something before our code). The  Async option can help with this, because that is using a different method to call in our js files, and usually minification plugins are skipping our code like that. But if the error comes from another code, you should rather turn off this JavaScript minification or remove the plugin/extension from your website causing the error in the minified file.

Website stopped before it should

Right click on your site, choose View page source, and scroll down to the very bottom of your page. You should see the ending of your website:

</body>
</html>

If this is not what you see, check what has the last code. From the classes and ids, or the texts surrounding it you could figure it out what plugin/extension's module do you have there. That is what's causing a PHP error, or you have a server limitation reached, like the memory_limit. You could try to make your website write out the error like this:

WordPress

Write this code inside your  wp-config.php file right under the <?php part:

error_reporting(E_ALL);
ini_set('display_errors', 1);
ini_set("log_errors", 1);
ini_set("error_log", dirname(__FILE__)."/php-error.log");

then go to your website, and check the very bottom of your page. Sometimes you can't see the message on the frontend, because it's behind something, or it's hidden, so you could right click, and check the page's source again, the very bottom of it. Also a php-error.log file should appear in the root folder of your site (  http://example.com/php-error.log ), what you could check too. If you don't see any errors, and on your other pages you have the same issue, that you don't see the end of the code in the end, then the problem will be your theme, that something might have been accidentelly deleted.

Joomla

Go to the System -> Global Configuration -> Server, and change the Error reporting to Maximum:

then go to your website, and check the very bottom of your page. Sometimes you can't see the message on the frontend, because it's behind something, or it's hidden, so you could right click, and check the page's source again, the very bottom of it. If you don't see any errors, and on your other pages you have the same issue, that you don't see the end of the code in the end, then the problem will be your template, that something might have been accidentelly deleted.

Wrong html structure

If you wrote a custom theme/template, or modified your existing one, it is common, that the html structure is wrong, like the ending </head> is missing, or some other bigger html error exists, for example the <body> tag is there twice. If you right click on your website, choose View page source, then you could watch through the code, making sure, that you have a correct html structure with these tags:

<html>
<head>
...
</head>
<body>
...
</body>
</html>

Or a  html validator could point out these errors too, just that shows every minor "errors", which aren't really causing any problems, and it can be hard to see it through, finding the important mistakes.

Pre loaded slider id

Also this problem could happen, if you have wrote a number into your slider's settings -> Advanced tab -> Pre loaded slider ID, and if that slider doesn't exists, the loading never starts.

We resolved this issue in the latest versions, so if you wouldn't keep your slider up to date, you should update your Smart Slider, and the problem will be automatically resolved.