Black Friday 40% off yearly and lifetime plans · 18d left Ends in 18d09h22m Claim 40% off
Interface19 docs

How to Disable the Laser Loader in the Bricks Builder

Turn off the laser loader while editing in the Bricks Builder in Classic Monks. Prevent the loading progress bar from interfering with your design workflow.

By Founder & Lead Developer

Last updated

3 minutes

Key takeaways

  • Turn off the laser loader while editing in the Bricks Builder.
  • The laser loader still works for visitors on the frontend.
  • A single toggle in the Laser Loader subtab.
  • Works alongside the Enable Laser Loader master toggle.

What Is Disable Laser Loader in the Bricks Builder

Disable Laser Loader in the Bricks Builder is an option in the Classic Monks Interface tab, Laser Loader subtab. When the laser loader is enabled and you are editing a page in the Bricks Builder, the progress bar can appear and interfere with the visual editor. This toggle stops the laser loader from showing while you work in the Bricks Builder, while leaving it active for visitors on the frontend.

Recommendations Before Using

  • Enable the laser loader first. This option only works when Enable Laser Loader is on, so turn the laser loader on before you use it.
  • Understand the scope. The toggle affects only the Bricks Builder editor, not the frontend. Visitors still see the progress bar.
  • Test in the editor. After enabling, open the Bricks Builder to confirm the laser loader no longer appears while you edit.

Disable the Laser Loader in the Bricks Builder

  1. Step 1

    Open the Interface Tab

    In your WordPress dashboard, go to Classic Monks, then open the Interface tab.

  2. Step 2

    Open the Laser Loader Subtab

    Click the Laser Loader subtab.

  3. Step 3

    Enable the Laser Loader

    Toggle on Enable Laser Loader so the progress bar is active.

    Laser Loader settings interface

  4. Step 4

    Disable It in the Bricks Builder

    Toggle on Disable Laser Loader inside Bricks Builder. The progress bar will no longer show while you edit in the Bricks Builder.

    Laser loader settings enabled

  5. Step 5

    Save and Test

    Click Save (⌘+S). Open a page in the Bricks Builder and confirm the laser loader does not appear, then check the frontend to confirm visitors still see it.

Verify It Works

After saving, verify the change:

  • Open a page in the Bricks Builder and confirm the laser loader does not appear.
  • View the site on the frontend and confirm the progress bar still shows for visitors.
  • Confirm the Enable Laser Loader toggle is on.

If the laser loader still appears in the editor, confirm both toggles are set correctly and the page was refreshed.

Common Use Cases

Design without the progress bar interrupting

A designer builds a page in the Bricks Builder and finds the laser loader flashes on every reload. They toggle on Disable Laser Loader inside Bricks Builder. The editor is clean and the design workflow is uninterrupted, while visitors still see the progress bar.

Test the laser loader only on the frontend

A developer wants to verify the laser loader behavior without it interfering in the editor. They disable it in the Bricks Builder and check the frontend. The progress bar works for visitors and stays out of the way during editing.

Keep the laser loader for the live site

A site uses a laser loader for a modern loading experience, but the developer does not want the progress bar while editing. They disable it in the Bricks Builder. The live site keeps the progress bar, and the editor stays clean for the developer.

Troubleshooting

2 problems and how to fix each one.

The laser loader still shows in the Bricks Builder

Cause: The toggle is off, or the editor is showing a cached view.
Fix: Confirm Disable Laser Loader inside Bricks Builder is on, save, and reload the Bricks Builder.

The laser loader is gone for visitors too

Cause: The Enable Laser Loader toggle may be off, which disables the laser loader everywhere.
Fix: Confirm Enable Laser Loader is on. This option only affects the Bricks Builder, not the frontend.

Was this doc helpful?

Your answer tells us which docs to fix first.

Still stuck? Ask on the forum or email help@classicmonks.com.
Joy Chetry
Written by the person who built it

Joy Chetry

Founder & Lead Developer, Classic Monks

Joy is the founder of Classic Monks and GoodMonks Solutions, a web development agency that builds WordPress and WooCommerce sites for clients. Classic Monks grew out of the agency's own need to consolidate 20 to 30 separate plugins into one core stack.

Follow this doc on a real site.

Open a private WordPress site with Classic Monks, WooCommerce and Bricks Builder installed, and follow this doc step by step. Free for 24 hours, no card.

280 docs, written by Joy Chetry 15 day refund window