Only the loading animation displays in the frontent
The loading animation is showing but the slider does not load
Possible js error: Uncaught TypeError: Cannot read property 'img' of undefined
This error can happen for two common reasons:
- when you have apostrophe (') or some special character in your 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.
- when you use some kind of lazy loading plugin, that modifies our code and removes the image URL. Run a plugin/theme conflict test to see if this is the case
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:
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:
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.
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.