Modern WooCommerce product filters with a chip-based UI, AJAX-powered product grid, and a flexible Shop ⇄ Catalog Mode toggle.

Dmytro Holovnia

BeRocket

Advanced AJAX Product Filters

Fast and flexible AJAX product filters for WooCommerce. Filter by categories, attributes, price, tags, rating, and more. No page reloads.

Syed Zeeshan Ali

<p><strong>ModeFilter Pro</strong> is a modern WooCommerce filtering and catalog-control plugin built for performance, flexibility, and clean UX.</p>
<p>It combines:<br />
• A <strong>chip-based, multi-select filtering interface</strong><br />
• A fast <strong>AJAX product grid</strong><br />
• A unique <strong>Shop ⇄ Catalog Mode Toggle</strong></p>
<p>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.</p>
<h3>Shop and Catalog Modes</h3>
<ul>
<li>
<p><strong>Shop Mode</strong><br />
Standard WooCommerce behavior with prices and Add to Cart buttons.</p>
</li>
<li>
<p><strong>Catalog Mode</strong><br />
Hides prices and purchase actions, with optional enquiry or stock-notification features.</p>
</li>
</ul>
<p>This makes ModeFilter Pro suitable for hybrid stores, B2B catalogs, wholesale sites, or pre-launch product showcases.</p>
<h3>Key Features</h3>
<h4>1. Shop ⇄ Catalog Toggle Mode</h4>
<p>Control how products behave at multiple levels:<br />
* Global store mode<br />
* Per-product, category, or tag overrides<br />
* Context-aware control via shortcodes or Elementor widgets</p>
<h4>2. Chip-Based Product Filters</h4>
<p>A modern alternative to traditional checkboxes:<br />
* Multi-select chips for Categories, Tags, Brands, and attributes<br />
* Mobile-friendly and accessible UI<br />
* Instant AJAX updates without page reloads</p>
<h4>3. AJAX Product Grid</h4>
<ul>
<li>Real-time product filtering</li>
<li>Load More or numeric pagination</li>
<li>Uses native WooCommerce queries for maximum compatibility</li>
</ul>
<h4>4. Elementor Integration</h4>
<p>Includes dedicated widgets:<br />
* <strong>Filters Widget</strong> – filter chips and mobile sidebar<br />
* <strong>Grid Widget</strong> – product display and layout control</p>
<h4>5. Out-of-Stock “Notify Me” System</h4>
<p>Optional built-in feature:<br />
* Collects subscriber emails for out-of-stock products<br />
* Sends back-in-stock notifications<br />
* Uses your site’s mail system (no third-party services)</p>
<h4>6. Developer-Friendly Architecture</h4>
<ul>
<li>Object-oriented, modular codebase</li>
<li>Lightweight and performance-focused</li>
<li>Hooks and filters for extensibility</li>
<li>No external APIs or tracking</li>
</ul>
<h3>Shortcode Usage</h3>
<p>Use the shortcode to render filters and product grids anywhere:</p>
<h4>Basic</h4>
<pre><code>[modep_filters]
</code></pre>
<h4>Catalog-only view</h4>
<pre><code>[modep_catalog only_catalog="yes"]
</code></pre>
<h4>With attributes</h4>
<pre><code>[modep_filters cat_in="helmets,45" tag_in="summer" brand_in="arai" columns="3" per_page="12" sort="price_asc"]
</code></pre>
<h4>Supported Attributes</h4>
<p>  Attribute<br />
  Description</p>
<p>  cat_in<br />
  Category slugs or IDs to include</p>
<p>  tag_in<br />
  Tag slugs or IDs to include</p>
<p>  brand_in<br />
  Brand slugs or IDs to include</p>
<p>  columns<br />
  Number of grid columns</p>
<p>  per_page<br />
  Products per page</p>
<p>  sort<br />
  default, price_asc, price_desc, in_stock</p>
<p>  only_catalog<br />
  yes / no</p>
<h3>Elementor Widgets</h3>
<p>Elementor users get full visual control:</p>
<ul>
<li>Query options for filtering, sorting, and pagination</li>
<li>Style controls for cards, chips, typography, spacing, and layout</li>
<li>Responsive controls for desktop, tablet, and mobile</li>
</ul>
<h3>Technical Notes</h3>
<ul>
<li>Fully object-oriented architecture</li>
<li>Uses WordPress AJAX API correctly</li>
<li>Compatible with page caching plugins</li>
<li>Template overrides supported:<br />
  yourtheme/woocommerce/content-product-modep.php</li>
<li>Fully translatable</li>
<li>Declares compatibility with WooCommerce HPOS</li>
<li>Uses a single custom database table (<code>{prefix}modep_subscribers</code>) for optional stock alerts</li>
</ul>
<h3>License</h3>
<p>GPLv2 or later<br />
https://www.gnu.org/licenses/gpl-2.0.html</p>
<h3>Credits</h3>
<p>Developed by <strong>Syed Zeeshan Ali</strong></p>


Alternatives to ModeFilter Pro

Top alternatives