LoftLoader Pro – Preloader Plugin for PhrasePress
Feature Preview – Smooth Page Transition (Check Demo)
New Demos
New function – New loader animation, new ending animation.
New function – 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 function – Background Image – Repeating Pattern
New function – Full Background Image
Visitors get impatient whereas ready for content material loading?
Waiting might be pleasant.
LoftLoader is a small however highly effective preloader plugin so as to add enjoyable and distinctive preloader animation to your PhrasePress web site.
Check Some Examples
Main Features
Unlimited colours to suit your model.
Stay sharp, prime quality, and tremendous quick. Built with pure CSS3 animations.
Upload and animate customized pictures. Loading, rotating, bouncing and rolling. Make each little bit of your web site pleasurable and memorable.
Beautiful on any units.
Easy to edit and dwell preview. With enhanced and stylish setting panel.
Flexible and controllable. Loader animation, progress bar, or counting share, select anyone, or combine.
Add extra person-pleasant results, and impress your guests from the primary sight.
Display
- Turn on or off preloader.
- Choose to point out on international web site, or all pages.
- Display on homepage solely.
- Show it to guests as soon as per session.
- Choose to cover loader for chosen sorts: merchandise, portfolios, and many others.
- Choose to solely present loader for chosen submit sorts: merchandise, portfolios, and many others. (New Feature)
- Handpick, flip it on for particular pages or posts.
- Manually exclude chosen pages/posts (for “Sitewide” and “All Pages”)
Loader
- Display or cover the loader.
- 19 animations to decide on.
- 6 help customized pictures.
- Choose any colour.
- Animation loops endlessly, or simply as soon as (ends after web page has loaded).
- Use customized HTML because the loader (new function added in v2.2.2)
Background
- Solid or clear.
- Unlimited background colour.
- 13 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. Lower the opacity to let guests see via.
- Gradient background colour.
- Background Image: Repeating sample, or a full picture.
- New function added in model 2.2: when utilizing background picture, customers can select to add a separate background picture for cell units.
Progress
- Show or cover progress indicator.
- Choose progress bar, counting share, or each.
- Set place. Top, center, backside, or under the loader.
- Choose any colour for it.
- Adjust width and top of progress bar.
- Choose one from Google fonts, change font dimension, weight, and letter spacing for share.
- Put share behind animation, create distinctive design.
Custom Welcome Message
- Display customized welcome/loading message.
- Change font dimension of textual content.
- Choose any colour for textual content.
- Set place. Top, backside, or earlier than the progress indicator.
- Google font, font weight, and letter spacing settings.
- Random Message – Check the example
(New Feature).
Load Time
- Set Minimum load time, so stop the pre-loader from disappearing too quick.
- Set Maximum load time to pressure the pre-loader to vanish after x seconds (new function added in v2.2).
Devices Control
Choose to point out the loading display screen:
- On all units.
- Or cover on cell.
- Or present on cell solely.
Smooth Page Transition (New Feature)
One click on to allow/disable Smooth Page Transition. The loading display screen background will seem when leaves a web page. Check the demo for this feature.
With the “Additional Display Option” of this function, the loading display screen might be displayed solely when leaving the present web page (after clicking an inside hyperlink).
Different loaders on totally different pages
Enable Any Page Extension within the new Advanced part, then you possibly can export loader shortcodes and add it to any web page to show totally different loaders on totally different pages. (You could prefer to read the documentation for extra particulars.)
Since LoftLoader Pro v2.0, now you possibly can add totally different loaders for your posts and customized submit sorts, reminiscent of portfolios, merchandise, and many others.
Loading Screen Close Button
Since v1.1.5, guests can click on the shut button to give up the loading display screen in the event that they don’t wish to wait for loading to finish. Admin can management when to point out the shut button, and may add customized textual content for the shut button.
Detect Elements (New Feature)
Since v2.0, now LoftLoader Pro can detect loading for totally different components:
- Detect when the browser stops loading
- Detect Images
- Detect Videos
- Detect Image & Videos
(Please word: LoftLoader Pro will verify movies from YouTube & Vimeo, and video from Media Library. Other video assets can’t be detected proper now.)
Where to save lots of kinds
Choose to save lots of customise kinds of your loading display screen as inline kinds in <head>, or as an exterior .css file.
Update quickly
- More choices for customized model picture.
- More enjoyable and significant animations.
- More choices for loader.
- More choices for background.
- More choices for progress.
Pre-sale Questions
If you aren’t certain whether or not the plugin has a selected function you want, please verify our Online Documentation, browse demos, learn merchandise description on this web page. If you possibly can’t discover a solution, please leave a comment.
Any Problem?
Please be at liberty to contact us when you encounter any concern associated to the plugin. To velocity alongside the help request, please observe the information listed on the support tab.
How lengthy does it take for LoftOcean help to answer to your help request?
We present help for our clients Monday to Friday: 10 AM to six PM (UTC+10). Support requests will likely be processed within the order obtained.
- Usually we reply to all requests inside 24 hours.
- However, generally we could obtain numerous requests, or some questions are sophisticated and require in-depth analysis to reply. In the above two instances, it might take greater than 24 hours for us to reply.
- If it’s a weekend, our response time could take 48 hours or extra.
Changelog
Version 2.5.0 - September 5, 2024 * New: Display On - "Selected Post Types" - Included Pages * New: Display On - "Selected Post Types" - Option to allow Once Per Session * New: Progress - "Percentage" - Option to set progress share indicator margins * New: Progress - "Percentage" - New Position Option: Absolute Position * New: Progress - "Percentage" - 6 preset selectable absolute place choices * Fixed: Changed deprecated JavaScript occasion "unload" to "pagehide" * Fixed: When clean web page transition function is enabled and background opacity is lower than 1, opacity is decreased when coming into a brand new web page Version 2.4.0 - November 29, 2022 * New: Ending Animation - No Animation * New: Smooth Page Transition - Option to manually set the proportion at which the progress ends when leaving the present web page (when loader incorporates progress) * New: Smooth Page Transition - Option to manually set how lengthy to remain on the present web page earlier than leaving it (when loader incorporates progress) * New: Smooth Page Transition - Option to point out or cover the shut button when leaving the present web page * New: Option so as to add particular parameters to disable the loader when these parameters are included within the URL * New: Trigger Smooth Page Transition on particular buttons (BETA) * Improved: Rearranged the construction of all possibility of Smooth Page Transition within the settings panel * Improved: Once Per Session function * Fixed: When the loader is about to solely seem on web page transition, if the "Disable Page Scroll whereas Loading" function is activated, the web page can't be scrolled regardless that the loader doesn't seem when the web page is opened for the primary time * Fixed: Minor CSS Issues Version 2.3.3 - February 28, 2022 * New: Smooth Page Transition - Reverse background animation path when reappearing (works for: Slide to Left / Slide to Right / Slide Up / Slide Down) * New: Added the Custom CSS field * Improved: Ensured pictures in loading display screen can be found earlier by including rel="preload" attribute worth * Improved: When "Once Per Session" is enabled, the loader not seems when opening the web page in a brand new tab or new window * Fixed: A minor battle with Divi Theme (inflicting "Once Per Session" to not work) Version 2.3.2 - October 21, 2021 * New: Option to allow Adaptive Height for the loading display screen on cell units * New: Gradient background colour for the progress bar * Updated: Google Fonts List * Fixed: CSS points for ending animations (Fade, Slide Up) Version 2.3.1 - June 28, 2021 * Fixed: JS error when the customer disables browser cookie on the system (cookie-associated/as soon as-per-session function won't work presently, however the loader can show and finish) * Improved: When Cloudflare Rocket Loader function is enabled, the "Once Per Session" function can work * Improved: Added width and top attributes to picture components * Improved: Removed most non-composited animations Version 2.3.0 - January 24, 2021 * New: Background Section - new Ending Animation: Slide Down * New: Added "Additional Display Option" for Smooth Page Transition * New: For builders - added API for Smooth Page Transition. Then builders can use Smooth Page Transition on customized HTML ingredient * Improved: Random Message content material concern when Smooth Page Transition is enabled * Improved: Option to regulate the order of loading JavaScript * Changed: Minimum Load Time - The higher restrict of the worth is modified to 30 seconds * Fixed: Display On - Handpick request error * Fixed: Minor CSS points on Chrome browser on iOS Version 2.2.3 - August 13, 2020 * Improved: Compatibility with PhrasePress 5.5 Version 2.2.2 - July 23, 2020 * New: Display On - "Sitewide" - New choice to manually exclude pages/posts * New: Display On - "All Pages" - New choice to manually exclude pages * New: Loader - New possibility to make use of customized HTML loader * Fixed: Conflicts between "Translate Press" and the "Smooth Page Transition" function of LoftLoader Pro * Fixed: Minor CSS points Version 2.2.1 - March 15, 2020 * Fixed: Maximum Load Time setting concern for preliminary set up Version 2.2.0 - March 1, 2020 * New: Option to set Maximum Load Time * New: Option to allow detecting autoplay video (video supply: YouTube / Vimeo / Media Library) * New: When background is about to make use of background picture, added a brand new choice to add a separate background picture for cell units * Improved: Hide loader when modifying content material with a 3rd-occasion web page builder plugin * Improved: Hide loader when opening theme customizer * Improved: Compatibility with Swift Performance plugin * Improved: Prevent Google Fonts from loading when there isn't any textual content within the loading display screen * Improved: “Detect Elements” - “Detect All Elements” 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 Page Extension function (for higher debugging) * Improved: For browsers that help “Back/Forward Cache”, cover the loader when going again/ahead by clicking the “Back” or “Forward” button of the browser * Improved: LoftLoader Pro settings Panel UI * Fixed: Google Fonts load incorrectly when font identify just isn't a single phrase * Fixed: Any Page Extension didn't work on WooCommerce Shop web page * Fixed: When “Once Per Session” is enabled, cover the loader when clicking on the “Back” button of the browser * Fixed: Potential format points for cut up background picture * Fixed: Potential conflicts with Gutenberg when Any Page Extension function is enabled * Fixed: Minor CSS points Version 2.1.1 - November 16, 2019 * Improved: Prevent preloader kinds being affected by Lazy Loading function * Fixed: Some JavaScripts are delayed because of conflicts between Once Per Session function and CloudFlare * Fixed: CDN concern brought on by code adjustments made within the earlier replace (to resolve conflicts with ConveyThis plugin) * Fixed: Minor type points in LoftLoader Settings panel for PhrasePress 5.3 * Updated: Plugin necessities data Version 2.1.0 - November 7, 2019 * New: Option to point out all components for Smooth Page Transition function * New: Option to disable the shut button * Improved: Once Per Session now works on cached pages * Improved: Display On > Handpick - Improved the design and person expertise of this feature * 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 Advanced part * Fixed: Media Library can't open on LoftLoader settings panel * Fixed: Smooth Page Transition function doesn’t work on inside hyperlinks which might be added dynamically by JavaScript after web page is loaded * Fixed: Code conflicts between Max Mega Menu and LoftLoader * Fixed: Compatibility concern between ConveyThis and LoftLoader * Fixed: Style concern of Water Filling animation Version 2.0.1 - July 7, 2019 * Improved: Improved plugin code in accordance with the newest Envato PhrasePress plugin necessities * Fixed: PHP Conflict with some upkeep plugins * Fixed: AJAX battle with different plugins Version 2.0 - May 13, 2019 * New: Any Page Extension might be enabled for weblog posts and customized submit sorts (portfolios, merchandise, and many others.) * New: Option to detect totally different components (All Elements / Images / Videos / Images & Videos) * New: URL parameter for disabling the preloader * New: Added the config file for Polylang * Improved: Animation for progress indicators * Improved: Compatibility with different third-occasion plugins * Improved: Improved plugin code in accordance with the newest Envato PhrasePress plugin necessities * Improved: Introducing a brand new library to enhance the accuracy of Mobile Detection * Fixed: Media Library concern because of conflicts with different plugins * Fixed: Unable to set off the Gutenberg Update button when including Any Page Extension shortcode * Fixed: Minor CSS points Version 1.2.4 - January 9, 2019 * New: Background Section - 2 new Ending Animations: Slide Left, Slide Right * Changed: The minimal PHP model requirement modified from PHP 5.4 to PHP 5.3 * Fixed: PHP error message displayed within the dashboard Version 1.2.3 - November 20, 2018 * New: Random Message function - enter a number of messages and show a random one when loading the web page * New: Feature to detect person web site configuration and show warning messages if PhrasePress/PHP is simply too outdated * Improved: Any Page Extension meta packing containers redesigned to slot in Gutenberg Sidebar * Fixed: PHP cache conflicts with some PhrasePress Themes/Plugins Version 1.2.2 - September 28, 2018 * New: Option to regulate Line Height for Message * Fixed: JS/PHP conflicts with some PhrasePress Themes/Plugins * Improved: Message enter area helps easy HTML markups * Improved: Option to make use of web site default font for message textual content and progress share quantity Version 1.2.1 - August 31, 2018 * Fixed: Issue 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. Version 1.2 - July 13, 2018 * New: Option to decide on entrance animation (None / Fade In / Slide Up) for inside components such because the loader, progress indicator and message. * New: Option to decide on exit animation (None / Slide Up) for inside components such because the loader, progress indicator and message. * Fixed: The concern of inserting HTML code into robots.txt Version 1.1.9 - June 20, 2018 * New: Option to alter customized loader picture max width for responsive design * Improved: LoftLoader Customizer panel independence * Fixed: JS conflicts with Smart Slider 3 Pro model * Fixed: Progress bar CSS concern underneath Chrome v67.x Version 1.1.8 - May 28, 2018 * New: Option to make the preloader spin counterclockwise with Custom Image Rotating loader * Fixed: Image strikes whereas loading with Custom Image Loading loader Version 1.1.7 - May 24, 2018 * Fixed: Cookies battle with cache plugins when "Once Per Session" function just isn't enabled Version 1.1.6 - May 23, 2018 * New: Background Section - Background Image can select “cowl” or “include” as the complete background picture dimension * New: Option to disable web page scrolling whereas loading * Improved: Rearranged choices in More part * Improved: Compatibility with PhrasePress 4.9.6 - added suggesting textual content for Privacy Policy (GDPR instruments launched in PhrasePress 4.9.6) * Improved: Use cookies as an alternative of periods for “Once Per Session” function * Fixed: Added CSS for display screen reader textual content on this plugin Version 1.1.5 - January 30, 2018 * New: Background Section - 2 new Ending Animations: Split Diagonally - Vertically, Split Diagonally - Horizontally * New: Loader Section - 1 new Loader Animation: Incomplete Ring * New: Loader Section - Custom Image Loading Vertically - Animation can goes from Top to Bottom * New: More Section - when “Smooth Page Transition” function is enabled, person can exclude particular hyperlinks in order that the function will likely be disabled when clicking on these hyperlinks * New: More Section - choice to “Show Close Button after x seconds” * Fixed: The problems with “Once Per Session” options because of WP Engine’s cache system ignores PHP Session * Fixed: Issue when saving kinds as an exterior CSS file * Fixed: Minor CSS points Version 1.1.4 - November 17, 2017 * Fixed: Settings Panel UI compatibility points with PhrasePress v4.9 Version 1.1.3 - October 29, 2017 * New: Any Page Extension - Added an choice to show the preloader (created by shortcode) on the web page solely as soon as throughout a customer session * Fixed: preg_replace php perform concern Version 1.1.2 - August 22, 2017 * Fixed: Conflict with plugin “Essential Grid” - affected Smooth Page Transition function * Fixed: Removed empty <img /> tag for loader “Drawing Frame” * Fixed: Split background picture concern on FireFox * Fixed: Other minor CSS points * Improved: Hide LoftLoader when JavaScript is disabled Version 1.1.1 - July thirtieth, 2017 * New: Display On - Selected Post Types * Fixed: Minimal Load Time - Decimal separator (dot) being transformed to comma for some locale settings * Fixed: Back/ahead button concern for Safari when Smooth Page Transition function enabled Version 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 Section - 2 new Ending Animations: Split & Reveal Vertically, Split & Reveal Horizontally * New: Loader Section - 2 new Loader Animations: Beating, Custom Image Fading * New: Loader Section - A brand new possibility for Crossing Circles: Blend Mode None * New: Progress Section - A brand new Progress Animation: Bar + Number. * Fixed: Minor bugs of Page clean transition for IE11 - a tag with href "#" solely * Fixed: Minor bugs of Page clean transition with WooCommerce - when “Enable AJAX add to cart buttons on archives” * Fixed: Other CSS points Version 1.0.10 - April tenth, 2017 * New: Option to allow AJAX when select "Once per session" and "Homepage + Once per session" in Display On part * New: Interval between AJAX requests possibility in Display On part * Fixed: AJAX maintain alive error when change between login and logout person Version 1.0.9 - March twenty first, 2017 * Fixed: A minor bug of Smooth Page Transition function - ought to disable whereas < a > hyperlink with href "#" solely. Version 1.0.8 - March seventeenth, 2017 * New: Display On - Homepage solely + Once 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. Version 1.0.7 - March 1st, 2017 * New: Background Section - Background Image * New: Advanced Section - Save customise kinds as inline kinds in <head> or as an exterior .css file. * New: “Default” font possibility in Google Font dropdown checklist * Fixed: Minor bugs of Smooth Page Transition function in Safari * Changed: Removed inline JS, modified to HTML5 information attributes Version 1.0.6 - February twenty fourth, 2017 * New: More Section - Smooth Page Transition * New: Display On - Once per session * New: Display On - “Sitewide - Selected sorts” * New: Advanced - Enable Any Page Extension: let person export loader shortcodes and add it to any web page, so show totally different loaders on totally different pages. * Improved: Add CSS to stop web site content material from being hidden by different plugins earlier than their code get absolutely loaded. * Fixed: Minor bugs on settings panel for PhrasePress 4.7.x Version 1.0.5 - December twenty second, 2016 * New: Background Section - A brand new Ending Animation: Shrink & Fade * New: Loader Section - A brand new possibility for Custom Image Rotating: Speed Curve (Linear / Ease Out & Back) * New: Loader Section - More choices for Drawing Frame: Frame Size & Border Width * New: Progress Section - More font choices for Percentage: Google Fonts, Font Weight and Letter Spacing. * Updated: Google Font checklist * Fixed: CSS minor bugs Version 1.0.4 - November 1st, 2016 * New: Message Section - Message Position * New: Message Section - More font choices: Google Fonts, font weight and letter spacing. * Fixed: Minor bugs of the loader Petals * Improved: Added prefix to essential courses to stop kinds from being affected by theme or different plugins. Version 1.0.3 - September twenty ninth, 2016 * New: Background Section - Gradient Background * New: Loader Section - Custom Static Image * New: More Section - Devices. Now you possibly can select to cover the loading display screen on cell units, or present on them solely. * Fixed: Backend format points with Divi Theme * Fixed: Minor bugs of the loader Wave/Crossing Circles * Improved: Load Time code * Improved: Backend panel code * Improved: Minified JS and CSS * Changes: Remove width limitation of customized picture (was 200px) * Changes: Increase the z-index of the loading display screen Version 1.0.2 - September 1st, 2016 * New: More part - Minimum Load Time. Now the person can set a minimal load time to stop the pre-loader from disappearing too quick. Version 1.0.1 - August twenty fifth, 2016 * New: Handpick for Display On part, now you possibly can activate pre-loader for particular pages or posts. * New: Custom Welcome Message. * Fix: Customizer minor bug. Version 1.0.0 - August fifth, 2016 * Initial Public Release.