內容簡介
Universal Ajax Filter 讓您能夠建立前端篩選條，透過 AJAX 即時更新結果，無需撰寫任何 AJAX 處理程式。您可以在簡單的管理介面中創建多組篩選，並使用短碼或 Elementor 小工具將其放入頁面中。
【主要功能】
• 視覺篩選建構器，無需編碼即可添加和調整篩選欄位
• 支援多種篩選類型，包括搜尋、下拉選單和核取方塊
• 四種結果行為，適用於文章、產品和自訂內容類型
• 短碼支援，每個篩選都有獨立短碼可用
• 原生 Elementor 小工具，直接在編輯器中配置篩選
• 支援 Elementor 標準網格和 Pro 循環網格顯示篩選結果
外掛標籤
開發者團隊
原文外掛簡介
Universal Ajax Filter lets you build front-end filter bars that refresh results instantly via AJAX — without writing a single AJAX handler. Create as many filter sets as you need from a simple admin screen, then drop each one into a page using a shortcode or the plugin’s own Elementor widget.
Each filter set can combine multiple fields — Search, Dropdown/Select, Checkbox, Radio, and Buttons (pill style) — bound to any taxonomy and its terms, and can drive one of four result actions:
Query Posts – filter standard WordPress posts
Query Products – filter WooCommerce-style product post types
Filter CPT – filter any custom post type on your site
Load Elementor Template – render matching items through an Elementor Pro Loop Item template
Key Features
Visual filter builder — add, reorder, and remove filter fields from the admin screen; no code editing needed.
Multiple filter types — Search, Dropdown/Select, Checkbox, and Radio, each bindable to any taxonomy and specific terms.
Four result actions — Query Posts, Query Products, Filter CPT, or Load an Elementor Template, so one tool covers blogs, shops, and custom content types.
Shortcode support — every saved filter gets its own shortcode, e.g. [psaf_smart_ajax_filter id="12"], ready to paste into any page, post, or widget area.
Native Elementor widget — search for “Universal Ajax Filter” in the Elementor panel and configure a filter directly inside the page editor, with no shortcode or saved filter needed.
Elementor normal grid support — when using the standard Elementor editor, filtered results can be displayed using a regular Elementor grid without requiring Elementor Pro.
Elementor Pro Loop Grid support — filter results can be rendered using Elementor Pro Loop Grid and Loop Item templates, allowing you to use your custom Loop Item designs. Elementor Pro is required for Loop Grid/Loop Item functionality.
Layout & Style options — choose filter position (left, top, right), card style (Classic, List, Overlay, Minimal), columns per device, gap, image height, colors, shadows, corner radius and pagination style from the dashboard, with one-click presets.
Gutenberg block — add the “Universal Ajax Filter” block and adjust the layout from the block sidebar; no shortcode needed.
Shortcode attributes — override the layout per page, e.g. [psaf_smart_ajax_filter id="12" position="top" columns="4" card_style="overlay"].
Custom results target — results load by default into a .psaf-results container, or you can point the filter at your own CSS selector to filter an existing grid on the page.
Configurable pagination and sorting — set results per page, order-by field, and sort direction per filter.
Custom loading and empty-state text — set your own “Loading…” and “No results found.” messages per filter.
Multiple filters per site — build unlimited independent filter sets, each with its own configuration, shortcode, and widget instance.
Lightweight front end — vanilla AJAX requests with dedicated frontend CSS/JS assets, only loaded where needed.
How It Works
Go to Universal Ajax Filter → Add New in the WordPress admin menu.
Choose a post type, result action (Query Posts, Query Products, Filter CPT, or Load Elementor Template), results-per-page, and sort order.
Add one or more filter fields (Search, Dropdown/Select, Checkbox, Radio) and bind each to a taxonomy and, optionally, specific terms.
Save the filter — you’ll get a ready-to-use shortcode, e.g. [psaf_smart_ajax_filter id="12"].
Paste the shortcode into any page or post, or open Elementor and drag in the “Universal Ajax Filter” widget to configure the same filter directly in the builder.
Visitors filter results instantly on the front end — no page reload.
Requirements
WordPress 5.8 or higher.
PHP 7.4 or higher.
Elementor (free) is only required if you want to use the native Elementor widget — the shortcode works with any theme or page builder.
Elementor Pro is only required if you choose the “Load Elementor Template” result action to render results through a Loop Item template.
