Title: ModeFilter Pro
Author: Syed Zeeshan Ali
Published: <strong>2026 年 3 月 13 日</strong>
Last modified: 2026 年 3 月 13 日

---

搜尋外掛

![](https://ps.w.org/modefilter-pro/assets/banner-772x250.png?rev=3481773)

![](https://ps.w.org/modefilter-pro/assets/icon-256x256.png?rev=3481773)

# ModeFilter Pro

 由 [Syed Zeeshan Ali](https://profiles.wordpress.org/szeeshanali/) 開發

[下載](https://downloads.wordpress.org/plugin/modefilter-pro.1.0.5.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/modefilter-pro/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/modefilter-pro/#reviews)
 * [開發資訊](https://tw.wordpress.org/plugins/modefilter-pro/#developers)

 [技術支援](https://wordpress.org/support/plugin/modefilter-pro/)

## 外掛說明

**ModeFilter Pro** is a modern WooCommerce filtering and catalog-control plugin 
built for performance, flexibility, and clean UX.

It combines:
 • A **chip-based, multi-select filtering interface** • 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. Chip-Based Product Filters

A modern alternative to traditional checkboxes:
 * Multi-select chips for Categories,
Tags, Brands, and 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
 * Uses native WooCommerce queries for maximum compatibility

#### 4. Elementor Integration

Includes dedicated widgets:
 * **Filters Widget** – filter chips and mobile sidebar***
Grid Widget** – product display and layout control

#### 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

### Elementor Widgets

Elementor users get full visual control:

 * Query options for filtering, sorting, and pagination
 * Style controls for cards, chips, 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:
    yourtheme/woocommerce/content-product-modep.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
 https://www.gnu.org/licenses/gpl-2.0.html

### Credits

Developed by **Syed Zeeshan Ali**

## 螢幕擷圖

 * [[
 * Chip-based filter interface
 * [[
 * AJAX-powered product grid
 * [[
 * Elementor widget – query settings
 * [[
 * Elementor widget – style controls

## 常見問題集

### Does ModeFilter Pro require Elementor?

No. All functionality is available via shortcodes. Elementor widgets are optional.

### Is this plugin compatible with caching plugins?

Yes. AJAX endpoints are uncached and filtering does not interfere with page caching.

### Does Catalog Mode affect checkout or product data?

No. It only controls frontend visibility of prices and purchase actions.

### Can I override the product template?

Yes. Copy:
 /templates/content-product-modep.php to: yourtheme/woocommerce/content-
product-modep.php

### Does the plugin send data externally?

No. ModeFilter Pro does not connect to any external services.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈ModeFilter Pro〉的開發相關工作。

參與者

 *   [ Syed Zeeshan Ali ](https://profiles.wordpress.org/szeeshanali/)

[將〈ModeFilter Pro〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/modefilter-pro)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/modefilter-pro/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/modefilter-pro/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/modefilter-pro/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/modefilter-pro/)。

## 變更記錄

#### 1.0.5

 * Initial WordPress.org release
 * AJAX filtering engine
 * Chip-based UI
 * Elementor widgets
 * Shop ⇄ Catalog Toggle Mode
 * Optional stock notification system
 * Mobile-optimized sidebar

## 中繼資料

 *  版本 **1.0.5**
 *  最後更新 **1 個月前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.2 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.4**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/modefilter-pro/)
 * 標籤
 * [catalog mode](https://tw.wordpress.org/plugins/tags/catalog-mode/)[elementor](https://tw.wordpress.org/plugins/tags/elementor/)
   [product filters](https://tw.wordpress.org/plugins/tags/product-filters/)[woocommerce](https://tw.wordpress.org/plugins/tags/woocommerce/)
 *  [進階檢視](https://tw.wordpress.org/plugins/modefilter-pro/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/modefilter-pro/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/modefilter-pro/reviews/)

## 參與者

 *   [ Syed Zeeshan Ali ](https://profiles.wordpress.org/szeeshanali/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/modefilter-pro/)