Crocoblock Layout Switcher

Crocoblock Layout Switcher

Switching between different content layouts without refreshing the page is a huge win for user experience, and the Crocoblock Layout Switcher widget makes this seamless. Built as part of JetEngine, this widget allows developers to create a dynamic frontend layout selector that lets users toggle between grid and list views, or any other custom layout, in real time.

The Layout Switcher widget is powered by JetEngine’s dynamic content capabilities and relies on Ajax technology for smooth, reload-free transitions. It works in conjunction with Listing Grid widgets, allowing users to view the same content in different formats. The switching mechanism is highly customizable—you can use icons, buttons, text, or a combination of these to serve as switchers.

Inside Elementor, users can design both the layout switcher and the individual layouts, giving full visual control over the entire experience. This widget also allows you to assign a default layout and choose where the switcher should be displayed. The behavior persists during the session thanks to local storage, so when users switch pages or return, their last selected layout remains active.

Styling is entirely handled through Elementor’s design options, including icon sizing, spacing, and hover effects. Developers can also tap into conditional logic and query settings to apply layout switching only on specific pages or post types.

Key Features:

• Ajax-based frontend layout switching without reloads
• Compatible with JetEngine’s Listing Grid
• Create unlimited custom layouts (grid, list, tiles, etc.)
• Use icons, buttons, or text as layout switchers
• Local storage support to retain layout preferences
• Full Elementor styling and positioning controls
• Can be conditionally displayed via JetEngine settings

The Crocoblock Layout Switcher offers dynamic UI flexibility, letting site visitors engage with content in the format that suits them best.