About this plugin
ModeFilter Pro is a modern WooCommerce filtering and catalog-control plugin built for performance, flexibility, and clean UX.
It combines:
• Chips, checkboxes, radios, toggles, and hierarchical category filters
• A fast AJAX product grid
• A unique Shop ⇄ Catalog Mode Toggle
This allows store owners to dynamically switch between a fully functional shop and a catalog-style display — globally or selectively — without altering WooCommerce core behavior.
Shop and Catalog Modes
-
Shop Mode
Standard WooCommerce behavior with prices and Add to Cart buttons.
-
Catalog Mode
Hides prices and purchase actions, with optional enquiry or stock-notification features.
This makes ModeFilter Pro suitable for hybrid stores, B2B catalogs, wholesale sites, or pre-launch product showcases.
Key Features
1. Shop ⇄ Catalog Toggle Mode
Control how products behave at multiple levels:
* Global store mode
* Per-product, category, or tag overrides
* Context-aware control via shortcodes or Elementor widgets
2. Multiple Product Filter Styles
Choose the presentation that best suits each store or page:
* Modern chips, checkboxes, radio buttons, and toggle switches
* Parent/child hierarchical product-category trees
* Multi-select Categories, Tags, Brands, Price, Rating, and product attributes
* Mobile-friendly and accessible UI
* Instant AJAX updates without page reloads
3. AJAX Product Grid
- Real-time product filtering
- Load More or numeric pagination
- Spinner, skeleton, dots, pulse, custom-image, or hidden AJAX loader
- Uses native WooCommerce queries for maximum compatibility
4. Elementor Integration
Includes dedicated widgets:
* ModeFilter Products – shop products, filter presentation, loader, and grid controls
* ModeFilter Catalog Products – catalog products, filters, and enquiry controls
5. Out-of-Stock “Notify Me” System
Optional built-in feature:
* Collects subscriber emails for out-of-stock products
* Sends back-in-stock notifications
* Uses your site’s mail system (no third-party services)
6. Developer-Friendly Architecture
- Object-oriented, modular codebase
- Lightweight and performance-focused
- Hooks and filters for extensibility
- No external APIs or tracking
Shortcode Usage
Use the shortcode to render filters and product grids anywhere:
Basic
[modep_filters]
Catalog-only view
[modep_catalog only_catalog="yes"]
With attributes
[modep_filters cat_in="helmets,45" tag_in="summer" brand_in="arai" columns="3" per_page="12" sort="price_asc"]
Supported Attributes
Attribute
Description
cat_in
Category slugs or IDs to include
tag_in
Tag slugs or IDs to include
brand_in
Brand slugs or IDs to include
columns
Number of grid columns
per_page
Products per page
sort
default, price_asc, price_desc, in_stock
only_catalog
yes / no
filter_style
global, chips, checkboxes, radios, toggles, hierarchical
category_hierarchy
global, yes, no
loader_style
global, spinner, skeleton, dots, pulse, custom, none
loader_image
URL used when loader_style=”custom”
Elementor Widgets
Elementor users get full visual control:
- Query options for filtering, sorting, and pagination
- Filter-style, hierarchy, and AJAX-loader controls in both widgets
- Style controls for cards, filters, typography, spacing, and layout
- Responsive controls for desktop, tablet, and mobile
Technical Notes
- Fully object-oriented architecture
- Uses WordPress AJAX API correctly
- Compatible with page caching plugins
- Template overrides supported:
php
- Fully translatable
- Declares compatibility with WooCommerce HPOS
- Uses a single custom database table ( {prefix}modep_subscribers ) for optional stock alerts
License
GPLv2 or later
html
Credits
Developed by Syed Zeeshan Ali