The plugin has been broken for over 9 days.

You have been silent on a fix and your website has been under construction this entire time. Your contact button doesn’t have a valid email address.

How can I trust you with my websites moving forward?

The new version doesn’t work. The loader does not appear and the site page remains blank.

Hi there,

Is it possible to your app, WP Smart loader but have one video for desktop and another for mobile?

Thanks

ben

Hi, my preloader keeps looping on mobile when navigating between pages, and the pages aren’t loading. Could someone help with this issue?

Great plugin!

Currently having to toggle it on and off to use it on my website’s home page. Does not play well with Beaver Builder. I did see that there is some code written for Elementor compatibility. Any chance this could be modified for Beaver Builder too?

I have found the WP Smart Preloader Plugin allows custom animation code fields. I have an SVG animation I built in SVGator, and I want to use it as a preloader animation for the homepage. I have two options to export out of SVGator: 1. generate wordpress-ready CSS code for my SVG animation or 2. export an animated SVG file and upload it to the wordpress media library. I have tried working with both in either the custom HTML5 or the custom CSS fields. Neither work. I’ve tried things like inserting <img> and <object> tags in the HTML field along with a link to where the file lives in the media library and inserting the custom code I have. These have all been hail mary passes with me hoping but realizing it is unlikely any of these would work. I wanted to reach out here and ask if there is a good way to convert or insert a SVG animation coded with CSS and prepped for WordPress into the WP Smart Prelaoder plugin custom code fields? If not, do you know of another preloader plugin option that allows custom code fields that support the types of SVG animation I’ve built in SVGator?

Hi, I have had issues with HTML displaying on my page before it is fully loaded. I contacted Divi who suggested I use a preloader. For some reason, the preloader works on all pages except the homepage, so the issue of the HTML displaying is still happening. How can I stop this and get the preloader to show instead? I have tried adjusting the settings but nothing has worked. Thank you for any help.

I added the below script from previous forum posts to temporarily fix the issue, as this still seems to be relevant, 1+ year after being reported. This seems to only happen on Firefox and no other browser.

add_action('wp_footer', function(){ ?>
  <script>
    (function($){
      $(function () {
          setTimeout(function() {
		jQuery('body .smart-page-loader').fadeOut(500, function() {
				jQuery('body .smart-page-loader').css('opacity', 0);
		});
    }, 1500);
      });
    })(jQuery);
  </script>
  <?php
});

My page has “NOSCRIPT” sections to display a no javascript warning. If I enable the preloader the page is completely blank. If I disable the preloader the page displays including my no script sections.

Hi. I am using your nice plugin in https://www.brunocover.com/CMS/wordpress/wip/ and browsing on normal tabs, everything is fine, but opening the site from private tab, the page doesn’t load and the preloader stays in loop. How can I solve it? Thanks for your support. Best regards. Bruno

Great plugin.
Is there any CSS that would can use to apply the loader only to specific div on the page rather than the whole page?

Hello!

I would like to know how to create a preload of my logo in this website.
Thank you.

Hi, I have installed your plugin, and it works perfect on homepage, but not on other pages of the website, although I did nto check the “show only on homepage” option. Can you please help me with that?
Thank you!!!

I have the latest preloader installed.

I create custom css to load a black background with 500ml delay. It works great on all browser, except in Firefox, where the black screen gets stuck in black and page doesnt seem to load.

Any idea why this issue still presists in FF?

I am relecutant to make changes directly in the script that then get overidden by the news update. Could the firefox issue be resolved in the next update?

Thanks,
Walter

Theme: Astra
P-builder: Elementor Free
Cache: Disabled

Thank you for this plugin! When I enable the plugin (no loader set) my site loads fine. Once I set an included animation in the plugin, then the pre-load animation loads but never fades.

Disabling the plugin restores the site being visable. I’ve disabled the plugin enabled so long. A competing plugin works 100%, which is currently enabled.

Could you kindly assist?

• This topic was modified 2 years, 8 months ago by nerd22.
• This topic was modified 2 years, 8 months ago by nerd22.

If I set it to zero or 10000 the result is the same.

I have two SVG Animations (CSS no JS) in the Custom Animation input box.
In the Custom CSS I have this code to pick one based on @media:

#emdVzR1UDgE1 {opacity: 0;
    height: 0vh;
}

@media (max-width: 444px){
#emdVzR1UDgE1 {opacity: 1; 
       height: 100vw;
}  
#ej8oR9SaWuh1 {display: none;}
}

Any thoughts on why Fade Out does not work?

I have used this process on three other websites:

1. Create animated SVG using SVGator
2. Download SVG
3. Open SVG is Visual Studio Code
4. Copy code to Custom Animation

But this time I am getting the red-box-x with the error message:

Start tag seen without seeing doctype first. Expected e.g. <!DOCTYPE html>
Unexpected character after attribute value.
Invalid Character in attribute name

Here’s the first part of the SVG:
<svg id="e7zCf2Fj0mx1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" viewBox="0 0 110.75878 200" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">

Any ideas?

I should only start the preloader once per session, can I apply this function? thanks

<script type="text/javascript">
$(document).ready(function() {
    $(window).load(function() {
        function Preloader() {
            var preloader = $ ('.loader');
            preloader.delay(1000) .fadeOut (500);
            var preloader = $('.preloader');
            preloader.delay (1500) .slideUp(500);
        }
        if ( ! sessionStorage.getItem( 'doNotShow' ) ) {
            sessionStorage.setItem( 'doNotShow', 'true' );
            Preloader();
        } else {
           $ ('.loader, .preloader').hide();
        }
    });
});
</script>

Hello,

We have tried to activate the plugin only on the home page but the div without the custome loader picture is displaying on all other page which impact the pages display.

Any solution for that?

The plugin does not work with the current version of Divi. When activated, the builder stops working. Nothing is clickable in wireframe mode and you cannot view the page in visual mode. All of the pages are blank. Tested on two different websites.

Hello everyone!

First thanks for the plugin.

• It would be nice to the option Show The Preloader Only on the First Visit.

Friendly Grü?e
Ditmar

Hi, this is basically similar to this issue: the loader loads forever, and when I refresh the page it just start over again. Even changing the line #26 of the .php file does not work.
Do you have additional suggestions?
Thanks

• This topic was modified 3 years, 5 months ago by soap2g.

Hi there,
I already have a preloader on my theme.
May I change the preexisting preloader with a newone made by the plugin?
Thank you

Hello ,
I discovered your plugin I think it is interesting although I was trying to avoid plugins absolutely .. for optimization reasons. learning to insert code is a necessary pain. that’s why I’m looking for pure css loader

unfortunately I have a little trouble to center them in full screen
and your plugin (thank god!) allows that flexibility.

here is the site I found for the css loader
https://loading.io/css/

can you show me in image or in code how to successfully center one of these loaders? with an full screen orange background div for example

this one for example.

<div class="lds-circle"><div></div></div>

.lds-circle {
  display: inline-block;
  transform: translateZ(1px);
}
.lds-circle > div {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  background: #fff;
  animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
@keyframes lds-circle {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
  }
}

• This topic was modified 3 years, 8 months ago by neosan.

Preloader is working great in most browsers. However I’ve noticed that after clicking around my website in Firefox browser the plugin will eventually freeze. IE – the page or post will get stuck with the preloader spinning. Pressing ‘Back’ or ‘Refresh’ has no effect.

I don’t expect a reply to this as it seems this plugin is no longer updated or offering support.

Hi, with this plugin the page doesnt load anything when clicking the browser back button. Disabling the plugin will resolve it. Anything you can do? thx, Michael

Hello,

After upgraded to WordPress 5.6 I am receiving deprecation notice from jQuery Migrate for WP Smart Preloader plugin.

We need urgent update of the plugin…

Thanks

hello i’m using wp smart preloader and i have an issue when i refresh the pageagain, the preloader block and i can’t see the content of my website, also i see a gray screen before the preload show

Hello,

I downloaded this plugin a while ago and like how it works and how easy it is to use. In the past, I have only used it for loading the home page, but now I have optimized my site in a way that it isn’t needed for the home page anymore.

I am wanting to only display the preloader when the user opens a specific page on the site. In short, I only want the preloader to display when the user opens up the portfolio page (because of the images loading in).

Thank you!

Hello there,

I have upgraded to WordPress 5.6 and now I am receiving deprecation notice from jQuery Migrate for WP Smart Preloader plugin. If I don’t use jQuery Migrate the preloader spins infinitely and the page never gets loaded.

DEPRECATION NOTICE
jQuery.fn.load() is deprecated

Thanks