From simple product-state switching to live previews, catalogue tools, and Elementor integration, explore what StateSwitch can do across Free and Pro.
The core dual-state engine that allows WooCommerce products to present two distinct states, synchronized across product displays with smooth visual transitions.
Add State A and State B imagery to the same WooCommerce product without creating duplicate product entries or complex variations. A single switch above or below your product grid changes the visible state of enabled products across the storefront.
Add State A and State B imagery to the same WooCommerce product without creating duplicate product entries.
A single switch changes the visible state of enabled products across the shop or archive page.
Crossfade transitions blend State A into State B smoothly without sudden jumps or visual disruption.
Adjust transition speed to match your store, from swift state switches to gradual fades.
Clean switch designs that invite shopper exploration while fitting naturally into your store layout.
Include state icons inside the switch handle and adjust switch sizing to fit your shop layout.
Place the storefront switch above or below product archive grids automatically in standard WooCommerce layouts.
Position the switch cleanly across your storefront layout with dedicated alignment options.
Remember a visitor’s selected state in the browser as they browse through products.
Adjust storefront visual mood. StateSwitch Pro provides bounded ambient styling, per-state surface tints, and gentle first-time visitor guidance.
When customers switch to an illuminated or evening state, Atmosphere shifts the underlying surface color and projects a radiant glow scoped to the StateSwitch product-image area.
Apply visual theme presets that harmonize switch borders, tracks, and labels with common eCommerce palettes.
Enhance the visual mood around your product imagery with state-dependent surface tints, soft shadows, and radiant glow.
Set distinct background surface colors for State A and State B behind product photography.
Add subtle shadow and radiant glow effects tailored independently to each state.
Display an informative tooltip cue to first-time visitors, guiding them to explore the switch.
Choose whether the helper cue appears on specific spotlight products or follows store defaults.
Test, refine, and preview your switch styles, transitions, and Atmosphere parameters before applying them to your storefront.
Preview Studio allows you to test switch behavior directly in WordPress. Inspect real products across desktop and mobile preview modes, evaluate transitions, and preview unsaved settings before applying them to your live storefront.
A dedicated administrative preview to inspect switch transitions, themes, and layouts before applying changes to the storefront.
Inspect how the switch and Atmosphere appear with primary product imagery on single product pages.
Preview multi-column catalogue grids with live switching to evaluate how products appear together.
Switch between desktop and mobile preview modes inside Preview Studio to inspect responsive layouts.
Adjust switch themes, timings, and Atmosphere parameters to preview them before saving.
Lock the preview canvas to inspect State A or State B in isolation.
Review your inventory for dual-state completeness. Discover missing secondary assets, detect broken image URLs, and update multiple products together.
Managing dual states across your catalogue requires clear visibility. The Catalogue Health dashboard categorizes your inventory into Ready, Missing, Broken, and Not Enabled, while bulk tools let you assign or clear secondary images across selected products.
An administrative dashboard that scans your WooCommerce catalogue and classifies products by dual-state readiness.
Identifies products with valid State A and State B media configured, ready to switch on the storefront.
Isolate products that have a featured image but lack a secondary State B asset.
Identifies products whose configured State B image is missing or no longer resolves to a valid Media Library attachment.
Select multiple products to assign, replace, or clear secondary State B images in a single administrative action.
Find products using search, filter by StateSwitch health status, and navigate larger catalogues with pagination.
Structured spreadsheet workflows designed for reliability. Export clean human-readable CSVs, run pre-flight dry runs before importing, and review import history with safety rollback.
Import spreadsheet data with confidence. StateSwitch Pro validates your CSV with a dry-run check that identifies updated, skipped, and invalid rows before changes are applied. Import history records each run and allows you to safely roll back eligible changes.
Export your StateSwitch catalogue with product details, enabled status, State B image URLs and State B status.
Uses straightforward "Yes" and "No" columns and plain image URLs for clear spreadsheet editing.
Simulate spreadsheet imports before applying changes to review which products will be updated, skipped, or modified.
Apply validated imports with confidence. Use the explicit "CLEAR" keyword to safely remove State B assets from selected products.
Use an existing image URL from the site's WordPress Media Library; StateSwitch associates the image with the product.
CSV imports are recorded with timestamp and row count, with the option to safely roll back eligible changes.
Designed to preserve WooCommerce's native gallery, zoom, and lightbox, while providing dedicated Elementor widget integration for custom templates.
Place the StateSwitch widget into Elementor layouts and configure its presentation visually. Control alignment, sizing, and Atmosphere integration directly from the Elementor visual panel.
Designed to work alongside WooCommerce default product galleries, thumbnail carousels, and standard product layouts.
Keep WooCommerce’s gallery zoom and lightbox active; switching states updates the active image accordingly.
Designed for touchscreens with comfortable touch targets and smooth visual transitions.
Works with standard WooCommerce product loops, category archives, and search result pages.
Place the StateSwitch widget into Elementor layouts and configure its presentation visually.
Customize switch alignment, scale, and styling directly from Elementor’s visual settings panel.
Coordinate Atmosphere styling and first-time helper cues within Elementor product templates.
StateSwitch Free provides complete, production-ready dual-state switching. StateSwitch Pro expands visual atmosphere, administrative previewing, catalogue management, CSV workflows, and Elementor page building.
| Capability | Category | Freecore | Proexpanded |
|---|---|---|---|
| Core Dual-State Product Imagery | Product Switching | ||
| Storefront State Switching | Product Switching | ||
| Smooth State Transitions | Product Switching | ||
| Transition Duration Control | Product Switching | ||
| Tactile Switch Controls & Icons | Product Switching | ||
| Automatic Storefront Placement | Product Switching | ||
| Left, Center & Right Alignment Controls | Product Switching | ||
| Remembered Visitor State in Browser | Product Switching | ||
| Curated Visual Themes (Minimal, Earth, Dark) | Visual Experience | ||
| Atmosphere Engine (Surface, Glow & Shadow) | Visual Experience | ||
| Independent State Surface Colors | Visual Experience | ||
| State-Specific Glow & Shadows | Visual Experience | ||
| First-Time Switch Helper Tooltip | Visual Experience | ||
| Per-Product Helper Targeting | Visual Experience | ||
| Administrative Preview Studio | Preview & Design | ||
| Single Product & Archive Grid Previews | Preview & Design | ||
| Desktop & Mobile Preview Modes | Preview & Design | ||
| Live Unsaved-Setting Testing | Preview & Design | ||
| Catalogue Health Dashboard | Catalogue Management | ||
| Ready, Missing & Broken Asset Filters | Catalogue Management | ||
| Bulk State B Management | Catalogue Management | ||
| Catalogue CSV Export | CSV & Operations | ||
| Pre-Flight Dry-Run Import Validation | CSV & Operations | ||
| Controlled Import Execution & CLEAR Syntax | CSV & Operations | ||
| Import History & Safety Rollback | CSV & Operations | ||
| WooCommerce Gallery, Zoom & Lightbox Compatibility | Integrations & Compatibility | ||
| Shop & Archive Loop Support | Integrations & Compatibility | ||
| Dedicated Elementor Widget | Integrations & Compatibility | ||
| Elementor Alignment & Presentation Controls | Integrations & Compatibility |
Use StateSwitch Free for the core switching experience, or unlock the complete workflow with StateSwitch Pro.
