What Is the Disable Preloader inside Bricks Builder feature?
The Disable Preloader inside Bricks Builder feature in Classic Monks adds a loading animation to your WordPress site. When a visitor navigates to a new page, the preloader shows while the page loads, then fades out when the page is ready.
This is a visual enhancement only. It does not affect the actual load time; it only changes how the load time is perceived.
Why You Need It
For sites where visual impression matters:
- Perceived performance: A preloader makes the site feel faster
- Brand consistency: The preloader can match your brand colors and style
- User engagement: Visitors are more patient when they see a loading animation
- Content protection: Prevents users from seeing partially loaded content
For most content-heavy sites, a preloader improves the user experience.
How to Use Disable Preloader inside Bricks Builder in WordPress
Step 1: Navigate to Settings
Click into the Classic Monks plugin settings in your WordPress dashboard.
Step 2: Go to the Interface Tab
Click on the Interface menu, then click the Preloader subtab.
Step 3: Enable Disable Preloader inside Bricks Builder
Scroll to Disable Preloader inside Bricks Builder and toggle on.
Step 4: Save Changes
Click Save Changes.
Step 5: Test
Visit your site on the frontend. The preloader should appear on page navigation.
Configuration Options
| Option | Description | Default |
|---|---|---|
| Disable Preloader inside Bricks Builder | Master toggle. | Off |
The preloader animation style, color, and speed are configured via CSS and filters (see Advanced Options).
What Gets Affected
- The frontend: preloader appears during page navigation
- The page load: the preloader shows while the page loads
- The user experience: smoother perceived performance
What Does NOT Get Affected
- The actual load time: unchanged (visual only)
- The page content: unchanged
- The search engine indexing: unchanged
- The accessibility: unchanged (screen readers ignore the preloader)
Developer integration
This feature registers 1 WordPress hook in preloader.php:
Actions:
wpcallscm_init_preloader()(Initializes preloader with Bricks Builder detection)
// Hooked in preloader.php
add_action( 'wp', 'cm_init_preloader' );The feature modifies WordPress behavior by registering or removing hooks. Disabling it reverses those changes.
Common Use Cases
Bricks Builder users
If you use Bricks Builder for page design, the preloader should not appear during editing. This option disables it in the editor context.
Visual editor workflows
Designers need to see the page without loading animations. Disabling the preloader in the editor provides a clean design environment.
Debugging preloader issues
When troubleshooting preloader behavior, disabling it in the editor lets you compare the page with and without the preloader.
Troubleshooting
The preloader is not showing
Cause: The toggle is off, or the JavaScript is not loading.
Fix: Verify the toggle is on. Check the browser console for errors. The preloader requires JavaScript to function.
The preloader never disappears
Cause: The page load is very slow, or the preloader timeout is not set.
Fix: The preloader should auto-hide after the page loads. If it doesn’t, check the browser console for JavaScript errors. The preloader auto-hides after the page loads. If it doesn’t, check the browser console for JavaScript errors.
The preloader is showing on every page load (including back/forward)
Cause: The preloader is configured to show on all navigations.
Fix: This is the default behavior. Configure excluded pages in the plugin settings under Interface > Preloader.
The preloader conflicts with Bricks Builder
Cause: The preloader is showing in the Bricks Builder editor.
Fix: Disable the preloader inside Bricks Builder using the subtab option.