This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

FullScreen AJAX Loader

Description

FullScreen AJAX Loader is a handpicked collection of full-screen spinners and loaders made with ♥ using pure HTML, CSS, and JS. Thanks to those technics, preloader will not slow down the website and same time will increase the user experience of those of your visitors that have to wait for the next page.

The preference panel allows you to choose a loader and customize it within an unlimited combination of the main color, background dimmer color, and the opacity.

Psst, we also support Woocomerce, so you can use it in your e-commerce shop as well!

Screenshots

  • Use different colors, set the background color and opacity.
  • Choose from the different spinners.
  • Decide where you need to replace default loader (we also support WooCommerce pages!)

Installation

  1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the Appearance -> Customize -> Fullscreen Loader to open settings.

FAQ

Why should I use that?

Are you tired of default loader? Or it doesn’t match your site or store? You can simply choose the different one and customize effects!

What can I change?

You can choose the spinner, color, background color, and opacity. Milion of combinations are waiting to test!

Where I can find plugin settings?

Settings are available in Customizer. Go to Appearance -> Customize and open Fullscreen Loader tab.

Does it work with other plugins?

Indeed! The plugin replaces default behavior of the website, so you can easily mix it with a blend of your plugins!

Can I use my own loader?

YES! And it’s easy to do. All you have to do is:
1. Prepare the HTML/CSS code of your loader and save as “custom.php”.
2. In the active theme directory create folder “fullscreen-ajax-loader”.
3. Drop the “custom.php” file in the created folder.
4. In the theme CSS file add appropriate styles.
5. In the plugin preferences panel select “Custom”.
6. Boom, done!

Can I use my own image as a loader?

YES! From version 1.2 you can upload animated gif file instead of using custom HTML + CSS loader.

Reviews

November 14, 2019
Wow I have been looking for a plugin like this for almost 2 years Thanks so much for this plugin. It's just awesome hope it supports buddypress Thank you so much for adding buddypress support
Read all 1 review

Contributors & Developers

“FullScreen AJAX Loader” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.2

  • Add custom loader image upload – overrides active theme
  • Add loader scaling using css transform
  • Add setting to prevent showing loader for requests with specific parameters
  • Add basic compatibility with BuddyPress – prevent showing loader for ‘heartbeat’ requests

1.1

  • Add Polish translation
  • Add link to plugin settings on plugins listing

1.0

  • First release