Disable Preloader Button

Question

Hello,

I was wondering... is there a way for me to include "Disable Transition" preloader button to a website page?

For starters, the 'https://www.jajfurniture.com/vinyls.html' page is loading slowly... because of the images. Would "Disable Transition" button work to help load time similarly like on the Themeforest.net / CANVAS' website? Have noticed after the initial upload, the page opens just fine on the 2nd time. Which brings to thought perhaps this could work.

Thank you,
Nina

SemiColonWeb · Accepted Answer

Hello,

Unfortunately, this is currently not supported by default, since this requires Custom Codes including CSS/JS along with Customized and Hacked Sources for which we currently only have the Minified Versions of. Meanwhile, you can Add a Button to the Loaders in the js/functions.js File and then simply attach a JS Function to the Button onClick to fadeOut the Page Transitions container. Example:


[Disable Loader](#)

Additionally, the Slowness of your Website is related to unoptimized servers: https://tools.pingdom.com/#5c275de548800000 . Please consider following the Documentation > Start > Optimization Tips Section to fix this.

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.

cochn01 · Answer

Great information,
Okay thank you so much.

Where you say "Add a Button to the Loaders in the js/functions.js File"
Am I adding "onclick="$('.page-transition-wrap').fadeOut();return false;' code to functions.js? and applied to which line?

Thanks
NC

Semicolon Web · Answer

Hello,

You will need to add this within the pageTransition: function() Function Block in the js/functions.js File. Example:


loaderHtml = loaderBefore + loaderHtml + "{Button Codes}" + loaderAfter;

Hope this Helps!

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

cochn01 · Answer

Hi, So let me get this right! Add loaderHtml = loaderBefore + loaderHtml + "{Button Codes}" + loaderAfter; to pageTransition: function() Function Block. Am I including any code here "{Button Codes}"? Just trying to understand. Thank you.

Semicolon Web · Answer

Hello, Yes. According to the Buttons Codes provided above. Essentially, replacing the following existing code: We Apologize about the Inconveniences, however, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item support po…