Plugin Settings
Configure your shop builder settings across three tabs: General, Performance, and Preloader.
Overview
The Settings page is accessible via Magical Shop Builder → Settings in the WordPress admin. It is organized into three tabs: General, Performance, and Preloader. Changes are saved via the Save Changes button in the top-right corner. A sticky save bar also appears at the bottom when you have unsaved changes.
General Tab
The General tab contains basic store settings and a styling tip.
General Settings
| Setting | Type | Default | Description |
|---|---|---|---|
lazy_load_images |
toggle | On | Lazy load product images for better performance |
add_to_cart_ajax |
toggle | On | Add products to cart without page refresh |
Styling
The Styling card is an informational notice (no configurable settings). It explains that all MPD widgets inherit your Elementor Global Colors & Fonts. To configure them, go to:
Elementor → Site Settings → Global Colors / Global Fonts
You can also customize individual widget styles directly in the Elementor editor using the Style tab.
Performance Tab
The Performance tab provides options to optimize asset loading and caching.
| Setting | Type | Default | Description |
|---|---|---|---|
lazy_load_widgets |
toggle | On | Only load widget assets when needed |
minify_css |
toggle PRO | Off | Minify CSS output for better performance |
minify_js |
toggle PRO | Off | Minify JavaScript output for better performance |
defer_js |
toggle PRO | Off | Defer non-critical JavaScript loading |
cache_templates |
toggle | On | Cache template output for faster loading |
cache_duration |
number | 3600 |
Cache duration in seconds (min: 60, max: 86400). Only visible when Cache Templates is enabled. |
Minify CSS, Minify JS, and Defer JavaScript are Pro-only features. Upgrade to Pro to enable them.
Preloader Tab
The Preloader tab lets you configure a loading animation to prevent flash of unstyled content (FOUC) on WooCommerce pages. All preloader sub-sections only appear when the preloader is enabled. A Reset to Defaults button is available to restore all preloader settings.
Enable/Disable
| Setting | Type | Default | Description |
|---|---|---|---|
enable |
toggle | On | Show a loading animation on WooCommerce pages |
Preloader Style
Choose from 12 animation styles. A live preview is shown below the selector.
| Setting | Type | Default | Description |
|---|---|---|---|
style |
select | Spinner Circle | Animation style. Options: Spinner Circle, Double Bounce, Pulse, Three Dots, Wave Bars, Cube Grid, Ring, Folding Cube, Circle Dots, Progress Bar, Logo Fade (requires logo), Logo with Ring (requires logo) |
Colors
| Setting | Type | Default | Description |
|---|---|---|---|
primary_color |
color | #0073aa |
Primary color for the preloader animation |
secondary_color |
color | #f3f3f3 |
Secondary/background color for the animation |
background_color |
color | #ffffff |
Background color of the preloader overlay |
text_color |
color | #666666 |
Color of the loading text |
Logo & Text
| Setting | Type | Default | Description |
|---|---|---|---|
show_logo |
toggle | Off | Display your logo above the loading animation |
logo_url |
image | — | Upload a logo via the WordPress Media Library. Only visible when Show Logo is enabled. |
loading_text |
text | — | Optional text displayed below the animation (e.g., "Loading...") |
Pages
Select which pages should show the preloader using checkboxes:
| Option | Default | Description |
|---|---|---|
| All Pages | Off | Show preloader on all pages (overrides individual selections) |
| Shop / Archive | On | Shop and product category pages |
| Single Product | On | Individual product pages |
| Cart | On | Cart page |
| Checkout | On | Checkout page |
| My Account | On | Customer account pages |
| Thank You Page | Off | Order confirmation page |
The preloader is automatically disabled in the Elementor editor to prevent interference with page building.
Even when the preloader is disabled, Magical Shop Builder includes lightweight FOUC (Flash of Unstyled Content) prevention that fades in the page smoothly on load.