Characteristic Preview – Easy Web page Transition (Check Demo)
New Demos
New characteristic – New loader animation, new ending animation.
New characteristic – New loader animation, new ending animation, and show progress bar with counting quantity. And, a Random Message is displayed every time the web page is loading .
New characteristic – Background Picture – Repeating Sample
New characteristic – Full Background Picture
Guests get impatient whereas ready for content material loading?
Ready might be pleasant.
LoftLoader is a small however highly effective preloader plugin so as to add enjoyable and distinctive preloader animation to your WordPress web site.
Test Some Examples
Foremost Options
Limitless colours to suit your model.
Keep sharp, prime quality, and tremendous quick. Constructed with pure CSS3 animations.
Add and animate customized photographs. Loading, rotating, bouncing and rolling. Make each little bit of your website satisfying and memorable.
Lovely on any units.
Straightforward to edit and dwell preview. With enhanced and stylish setting panel.
Versatile and controllable. Loader animation, progress bar, or counting proportion, select anybody, or combine.
Add extra user-friendly results, and impress your guests from the primary sight.
Show
- Activate or off preloader.
- Select to point out on world website, or all pages.
- Show on homepage solely.
- Present it to guests as soon as per session.
- Select to cover loader for chosen varieties: merchandise, portfolios, and so forth.
- Select to solely present loader for chosen publish varieties: merchandise, portfolios, and so forth. (New Characteristic)
- Handpick, flip it on for particular pages or posts.
- Manually exclude chosen pages/posts (for “Sitewide” and “All Pages”)
Loader
- Show or cover the loader.
- 19 animations to decide on.
- 6 assist customized photographs.
- Select any shade.
- Animation loops without end, or simply as soon as (ends after web page has loaded).
- Use customized HTML because the loader (new characteristic added in v2.2.2)
Background
- Stable or clear.
- Limitless background shade.
- 12 transition results when ending: fade, cut up horizontally/vertically, slide to left, slide to proper, slide up, slide down, shrink & fade, cut up & reveal vertically, cut up & reveal horizontally, or cut up diagonally (please see more information about split diagonally animations).
- Opacity management. Decrease the opacity to let guests see via.
- Gradient background shade.
- Background Picture: Repeating sample, or a full picture.
- New characteristic added in model 2.2: when utilizing background picture, customers can select to add a separate background picture for cellular units.
Progress
- Present or cover progress indicator.
- Select progress bar, counting proportion, or each.
- Set place. High, center, backside, or beneath the loader.
- Select any shade for it.
- Alter width and top of progress bar.
- Select one from Google fonts, change font dimension, weight, and letter spacing for proportion.
- Put proportion behind animation, create distinctive design.
Customized Welcome Message
- Show customized welcome/loading message.
- Change font dimension of textual content.
- Select any shade for textual content.
- Set place. High, backside, or earlier than the progress indicator.
- Google font, font weight, and letter spacing settings.
- Random Message – Check the example
(New Characteristic).
Load Time
- Set Minimal load time, so stop the pre-loader from disappearing too quick.
- Set Most load time to pressure the pre-loader to vanish after x seconds (new characteristic added in v2.2).
Units Management
Select to point out the loading display screen:
- On all units.
- Or cover on cellular.
- Or present on cellular solely.
Easy Web page Transition (New Characteristic)
One click on to allow/disable Easy Web page Transition. The loading display screen background will seem when leaves a web page. Test the demo for this feature.
With the “Further Show Choice” of this characteristic, the loading display screen might be displayed solely when leaving the present web page (after clicking an inside hyperlink).
Completely different loaders on totally different pages
Allow Any Web page Extension within the new Superior part, then you’ll be able to export loader shortcodes and add it to any web page to show totally different loaders on totally different pages. (You might prefer to read the documentation for extra particulars.)
Since LoftLoader Professional v2.0, now you’ll be able to add totally different loaders to your posts and customized publish varieties, similar to portfolios, merchandise, and so forth.
Loading Display screen Shut Button
Since v1.1.5, guests can click on the shut button to stop the loading display screen in the event that they don’t need to look ahead to loading to finish. Admin can management when to point out the shut button, and might add customized textual content for the shut button.
Detect Components (New Characteristic)
Since v2.0, now LoftLoader Professional can detect loading for various parts:
- Detect when the browser stops loading
- Detect Pictures
- Detect Movies
- Detect Picture & Movies
(Please be aware: LoftLoader Professional will examine movies from YouTube & Vimeo, and video from Media Library. Different video assets can’t be detected proper now.)
The place to avoid wasting types
Select to avoid wasting customise types of your loading display screen as inline types in <head>, or as an exterior .css file.
Replace quickly
- Extra choices for customized model picture.
- Extra enjoyable and significant animations.
- Extra choices for loader.
- Extra choices for background.
- Extra choices for progress.
Pre-sale Questions
In case you are undecided whether or not the plugin has a selected characteristic you want, please examine our Online Documentation, browse demos, learn merchandise description on this web page. Should you can’t discover a solution, please leave a comment.
Any Downside?
Please be happy to contact us should you encounter any situation associated to the plugin. To hurry alongside the assist request, please observe the information listed on the support tab.
How lengthy does it take for LoftOcean assist to answer to your assist request?
We offer assist for our prospects Monday to Friday: 10 AM to six PM (UTC+10). Help requests shall be processed within the order acquired.
- Normally we reply to all requests inside 24 hours.
- Nevertheless, typically we might obtain numerous requests, or some questions are difficult and require in-depth analysis to reply. Within the above two circumstances, it might take greater than 24 hours for us to reply.
- If it’s a weekend, our response time might take 48 hours or extra.
Changelog
Model 2.3.3 - February 28, 2022 * New: Easy Web page Transition - Reverse background animation path when reappearing (works for: Slide to Left / Slide to Proper / Slide Up / Slide Down) * New: Added the Customized CSS field * Improved: Ensured photographs in loading display screen can be found earlier by including rel="preload" attribute worth * Improved: When "As soon as Per Session" is enabled, the loader now not seems when opening the web page in a brand new tab or new window * Mounted: A minor battle with Divi Theme (inflicting "As soon as Per Session" to not work) Model 2.3.2 - October 21, 2021 * New: Choice to allow Adaptive Peak for the loading display screen on cellular units * New: Gradient background shade for the progress bar * Up to date: Google Fonts Record * Mounted: CSS points for ending animations (Fade, Slide Up) Model 2.3.1 - June 28, 2021 * Mounted: JS error when the customer disables browser cookie on the system (cookie-related/once-per-session characteristic is not going to work right now, however the loader can show and finish) * Improved: When Cloudflare Rocket Loader characteristic is enabled, the "As soon as Per Session" characteristic can work * Improved: Added width and top attributes to picture parts * Improved: Eliminated most non-composited animations Model 2.3.0 - January 24, 2021 * New: Background Part - new Ending Animation: Slide Down * New: Added "Further Show Choice" for Easy Web page Transition * New: For builders - added API for Easy Web page Transition. Then builders can use Easy Web page Transition on customized HTML factor * Improved: Random Message content material situation when Easy Web page Transition is enabled * Improved: Choice to regulate the order of loading JavaScript * Modified: Minimal Load Time - The higher restrict of the worth is modified to 30 seconds * Mounted: Show On - Handpick request error * Mounted: Minor CSS points on Chrome browser on iOS Model 2.2.3 - August 13, 2020 * Improved: Compatibility with WordPress 5.5 Model 2.2.2 - July 23, 2020 * New: Show On - "Sitewide" - New choice to manually exclude pages/posts * New: Show On - "All Pages" - New choice to manually exclude pages * New: Loader - New possibility to make use of customized HTML loader * Mounted: Conflicts between "Translate Press" and the "Easy Web page Transition" characteristic of LoftLoader Professional * Mounted: Minor CSS points Model 2.2.1 - March 15, 2020 * Mounted: Most Load Time setting situation for preliminary set up Model 2.2.0 - March 1, 2020 * New: Choice to set Most Load Time * New: Choice to allow detecting autoplay video (video supply: YouTube / Vimeo / Media Library) * New: When background is ready to make use of background picture, added a brand new choice to add a separate background picture for cellular units * Improved: Disguise loader when modifying content material with a third-party web page builder plugin * Improved: Disguise loader when opening theme customizer * Improved: Compatibility with Swift Efficiency plugin * Improved: Forestall Google Fonts from loading when there isn't any textual content within the loading display screen * Improved: “Detect Components” - “Detect All Components” possibility description modified to “Detect when the browser stops loading” to make the outline extra correct * Improved: Added a knowledge attribute when the loader is created with Any Web page Extension characteristic (for higher debugging) * Improved: For browsers that assist “Again/Ahead Cache”, cover the loader when going again/ahead by clicking the “Again” or “Ahead” button of the browser * Improved: LoftLoader Professional settings Panel UI * Mounted: Google Fonts load incorrectly when font identify shouldn't be a single phrase * Mounted: Any Web page Extension didn't work on WooCommerce Store web page * Mounted: When “As soon as Per Session” is enabled, cover the loader when clicking on the “Again” button of the browser * Mounted: Potential format points for cut up background picture * Mounted: Potential conflicts with Gutenberg when Any Web page Extension characteristic is enabled * Mounted: Minor CSS points Model 2.1.1 - November 16, 2019 * Improved: Forestall preloader types being affected by Lazy Loading characteristic * Mounted: Some JavaScripts are delayed as a consequence of conflicts between As soon as Per Session characteristic and CloudFlare * Mounted: CDN situation brought on by code adjustments made within the earlier replace (to resolve conflicts with ConveyThis plugin) * Mounted: Minor type points in LoftLoader Settings panel for WordPress 5.3 * Up to date: Plugin necessities info Model 2.1.0 - November 7, 2019 * New: Choice to point out all parts for Easy Web page Transition characteristic * New: Choice to disable the shut button * Improved: As soon as Per Session now works on cached pages * Improved: Show On > Handpick - Improved the design and consumer expertise of this selection * Improved: The minimal load time setting doesn’t work as a result of the theme or different plugins additionally use the "loaded" class. So we added a brand new class "loftloader-loaded" to < physique > when web page is loaded * Improved: Rearranged choices in Superior part * Mounted: Media Library can't open on LoftLoader settings panel * Mounted: Easy Web page Transition characteristic doesn’t work on inside hyperlinks which can be added dynamically by JavaScript after web page is loaded * Mounted: Code conflicts between Max Mega Menu and LoftLoader * Mounted: Compatibility situation between ConveyThis and LoftLoader * Mounted: Fashion situation of Water Filling animation Model 2.0.1 - July 7, 2019 * Improved: Improved plugin code in accordance with the newest Envato WordPress plugin necessities * Mounted: PHP Battle with some upkeep plugins * Mounted: AJAX battle with different plugins Model 2.0 - Could 13, 2019 * New: Any Web page Extension might be enabled for weblog posts and customized publish varieties (portfolios, merchandise, and so forth.) * New: Choice to detect totally different parts (All Components / Pictures / Movies / Pictures & Movies) * New: URL parameter for disabling the preloader * New: Added the config file for Polylang * Improved: Animation for progress indicators * Improved: Compatibility with different third-party plugins * Improved: Improved plugin code in accordance with the newest Envato WordPress plugin necessities * Improved: Introducing a brand new library to enhance the accuracy of Cell Detection * Mounted: Media Library situation as a consequence of conflicts with different plugins * Mounted: Unable to set off the Gutenberg Replace button when including Any Web page Extension shortcode * Mounted: Minor CSS points Model 1.2.4 - January 9, 2019 * New: Background Part - 2 new Ending Animations: Slide Left, Slide Proper * Modified: The minimal PHP model requirement modified from PHP 5.4 to PHP 5.3 * Mounted: PHP error message displayed within the dashboard Model 1.2.3 - November 20, 2018 * New: Random Message characteristic - enter a number of messages and show a random one when loading the web page * New: Characteristic to detect consumer web site configuration and show warning messages if WordPress/PHP is just too outdated * Improved: Any Web page Extension meta bins redesigned to slot in Gutenberg Sidebar * Mounted: PHP cache conflicts with some WordPress Themes/Plugins Model 1.2.2 - September 28, 2018 * New: Choice to regulate Line Peak for Message * Mounted: JS/PHP conflicts with some WordPress Themes/Plugins * Improved: Message enter discipline helps easy HTML markups * Improved: Choice to make use of website default font for message textual content and progress proportion quantity Model 1.2.1 - August 31, 2018 * Mounted: Problem happens when activating the plugin if the server PHP model is older than 5.4 * Improved: Added notifications when outdated PHP variations detected (older than PHP 5.4) * New: For builders - after the loading course of is accomplished, set off a JavaScript occasion “loftloaderprodone” on DOM object “doc”. Then builders can bind their very own code to this occasion. Model 1.2 - July 13, 2018 * New: Choice to decide on entrance animation (None / Fade In / Slide Up) for internal parts such because the loader, progress indicator and message. * New: Choice to decide on exit animation (None / Slide Up) for internal parts such because the loader, progress indicator and message. * Mounted: The problem of inserting HTML code into robots.txt Model 1.1.9 - June 20, 2018 * New: Choice to vary customized loader picture max width for responsive design * Improved: LoftLoader Customizer panel independence * Mounted: JS conflicts with Good Slider 3 Professional model * Mounted: Progress bar CSS situation below Chrome v67.x Model 1.1.8 - Could 28, 2018 * New: Choice to make the preloader spin counterclockwise with Customized Picture Rotating loader * Mounted: Picture strikes whereas loading with Customized Picture Loading loader Model 1.1.7 - Could 24, 2018 * Mounted: Cookies battle with cache plugins when "As soon as Per Session" characteristic shouldn't be enabled Model 1.1.6 - Could 23, 2018 * New: Background Part - Background Picture can select “cowl” or “include” as the complete background picture dimension * New: Choice to disable web page scrolling whereas loading * Improved: Rearranged choices in Extra part * Improved: Compatibility with WordPress 4.9.6 - added suggesting textual content for Privateness Coverage (GDPR instruments launched in WordPress 4.9.6) * Improved: Use cookies as an alternative of periods for “As soon as Per Session” characteristic * Mounted: Added CSS for display screen reader textual content on this plugin Model 1.1.5 - January 30, 2018 * New: Background Part - 2 new Ending Animations: Break up Diagonally - Vertically, Break up Diagonally - Horizontally * New: Loader Part - 1 new Loader Animation: Incomplete Ring * New: Loader Part - Customized Picture Loading Vertically - Animation can goes from High to Backside * New: Extra Part - when “Easy Web page Transition” characteristic is enabled, consumer can exclude particular hyperlinks in order that the characteristic shall be disabled when clicking on these hyperlinks * New: Extra Part - choice to “Present Shut Button after x seconds” * Mounted: The problems of “As soon as Per Session” options as a consequence of WP Engine’s cache system ignores PHP Session * Mounted: Problem when saving types as an exterior CSS file * Mounted: Minor CSS points Model 1.1.4 - November 17, 2017 * Mounted: Settings Panel UI compatibility points with WordPress v4.9 Model 1.1.3 - October 29, 2017 * New: Any Web page Extension - Added an choice to show the preloader (created by shortcode) on the web page solely as soon as throughout a customer session * Mounted: preg_replace php operate situation Model 1.1.2 - August 22, 2017 * Mounted: Battle with plugin “Important Grid” - affected Easy Web page Transition characteristic * Mounted: Eliminated empty <img /> tag for loader “Drawing Body” * Mounted: Break up background picture situation on FireFox * Mounted: Different minor CSS points * Improved: Disguise LoftLoader when JavaScript is disabled Model 1.1.1 - July thirtieth, 2017 * New: Show On - Chosen Publish Sorts * Mounted: Minimal Load Time - Decimal separator (dot) being transformed to comma for some locale settings * Mounted: Again/ahead button situation for Safari when Easy Web page Transition characteristic enabled Model 1.1.0 - June twenty first, 2017 * Improved: LoftLoader Customizer panel independence (so it received’t be affected by theme or different plugins’ code) * New: Background Part - 2 new Ending Animations: Break up & Reveal Vertically, Break up & Reveal Horizontally * New: Loader Part - 2 new Loader Animations: Beating, Customized Picture Fading * New: Loader Part - A brand new possibility for Crossing Circles: Mix Mode None * New: Progress Part - A brand new Progress Animation: Bar + Quantity. * Mounted: Minor bugs of Web page clean transition for IE11 - a tag with href "#" solely * Mounted: Minor bugs of Web page clean transition with WooCommerce - when “Allow AJAX add to cart buttons on archives” * Mounted: Different CSS points Model 1.0.10 - April tenth, 2017 * New: Choice to allow AJAX when select "As soon as per session" and "Homepage + As soon as per session" in Show On part * New: Interval between AJAX requests possibility in Show On part * Mounted: AJAX preserve alive error when swap between login and logout consumer Model 1.0.9 - March twenty first, 2017 * Mounted: A minor bug of Easy Web page Transition characteristic - ought to disable whereas < a > hyperlink with href "#" solely. Model 1.0.8 - March seventeenth, 2017 * New: Show On - Homepage solely + As soon as per session: so the loading display screen will solely present on the homepage and solely present as soon as throughout the entire session of a customer. Model 1.0.7 - March 1st, 2017 * New: Background Part - Background Picture * New: Superior Part - Save customise types as inline types in <head> or as an exterior .css file. * New: “Default” font possibility in Google Font dropdown listing * Mounted: Minor bugs of Easy Web page Transition characteristic in Safari * Modified: Eliminated inline JS, modified to HTML5 information attributes Model 1.0.6 - February twenty fourth, 2017 * New: Extra Part - Easy Web page Transition * New: Show On - As soon as per session * New: Show On - “Sitewide - Chosen varieties” * New: Superior - Allow Any Web page Extension: let consumer export loader shortcodes and add it to any web page, so show totally different loaders on totally different pages. * Improved: Add CSS to stop website content material from being hidden by different plugins earlier than their code get absolutely loaded. * Mounted: Minor bugs on settings panel for WordPress 4.7.x Model 1.0.5 - December twenty second, 2016 * New: Background Part - A brand new Ending Animation: Shrink & Fade * New: Loader Part - A brand new possibility for Customized Picture Rotating: Pace Curve (Linear / Ease Out & Again) * New: Loader Part - Extra choices for Drawing Body: Body Dimension & Border Width * New: Progress Part - Extra font choices for Proportion: Google Fonts, Font Weight and Letter Spacing. * Up to date: Google Font listing * Mounted: CSS minor bugs Model 1.0.4 - November 1st, 2016 * New: Message Part - Message Place * New: Message Part - Extra font choices: Google Fonts, font weight and letter spacing. * Mounted: Minor bugs of the loader Petals * Improved: Added prefix to principal courses to stop types from being affected by theme or different plugins. Model 1.0.3 - September twenty ninth, 2016 * New: Background Part - Gradient Background * New: Loader Part - Customized Static Picture * New: Extra Part - Units. Now you'll be able to select to cover the loading display screen on cellular units, or present on them solely. * Mounted: Backend format points with Divi Theme * Mounted: Minor bugs of the loader Wave/Crossing Circles * Improved: Load Time code * Improved: Backend panel code * Improved: Minified JS and CSS * Modifications: Take away width limitation of customized picture (was 200px) * Modifications: Enhance the z-index of the loading display screen Model 1.0.2 - September 1st, 2016 * New: Extra part - Minimal Load Time. Now the consumer can set a minimal load time to stop the pre-loader from disappearing too quick. Model 1.0.1 - August twenty fifth, 2016 * New: Handpick for Show On part, now you'll be able to activate pre-loader for particular pages or posts. * New: Customized Welcome Message. * Repair: Customizer minor bug. Model 1.0.0 - August fifth, 2016 * Preliminary Public Launch.