Loader - can do without?

Question

Hi Canvas,

Is the loader a "nice to have" or a "need to have"?

Can I remove it and if so, how do I do that?

As I'm developing I'm noticing that the loader is getting hung up on adsense code (I think.. I see "waiting for Google Ad" in the lower left corner of firefox browser.)

Wondering if I can abandon the loader and let the page load without waiting for all of the elements to be there before displaying.

Thanks

SemiColonWeb · Accepted Answer

Hello,

In all honesty, the Loader is just a fancy thing to have.

To remove the Loaders, please find and delete/comment the following code in the js/functions.js File:

SEMICOLON.initialize.pageTransition();

and add the following CSS Code:

body:not(.no-transition) #wrapper { opacity: 1; }

However, if you would still like to display a Loader, but remove the Loader from the Page if it stays for more than 4-5 Seconds, simply add the data-loader-timeout="4000" to remove it, as then the Loader will get displayed only for 4 seconds and then disabled to display the Content.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

rdetwiler · Answer

Thank you. I like the option of the loader timing out. May I ask, where would I put this? data-loader-timeout="4000"

The JS file is long... Could you tell me where that would be inserted?

Thank you very much

Semicolon Web · Answer

Hello,

Apologies for not providing you with the code the first time. Looks like we missed it by mistake.

Simply add the data-loader-timeout="4000" to the <body> tag. More setup options can be found in the Documentation > Start > Page Transition Section.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

rdetwiler · Answer

Thank you!