Filter posts and products as visitors browse

Category AJAX Filter Pro extends Category AJAX Filter with filtering for WordPress posts, custom post types, and WooCommerce products. Visitors refine results through AJAX without a page reload. Site administrators assemble filter controls with the drag-and-drop CAF Builder, using modules such as search boxes, dropdowns, checkboxes, and range sliders.

Add a filter by shortcode, connect it to an existing layout, or pair it with a listing built in CAF Builder. Configure separate layouts for desktop, tablet, and mobile.

Search content and selected fields

AI Search lets visitors describe what they want instead of relying on exact keywords. For example, a query such as "red shoes under 50" can match content, taxonomy terms, brands, attributes, and price. AI Search works with WordPress posts, custom post types, and WooCommerce products.

Make custom fields filterable, including WooCommerce product custom fields. Use checkbox, dropdown, range slider, or search modules for those fields, and target search boxes to specific custom fields. Filters can also use categories, tags, brands, attributes, prices, and taxonomies.

Control how filter choices appear

Arrange filter terms manually with drag-and-drop instead of sorting them alphabetically or by count. Add icons or images alongside term labels, or use them in place of labels. WooCommerce attribute swatches give product attributes a visual treatment. Product listings can also include badges. The Pro capability set includes analytics and SEO controls.

Build product and content listings

Use the plugin with simple, variable, and grouped WooCommerce products. Connect filters to an existing shop layout or create a product listing with modules such as Product Image, Product Price, Add to Cart, and Badges. Editorial and directory websites can use the same filtering approach with standard posts and any custom post type registered on the site.

The extension is described as compatible with Elementor, Divi, WP Bakery, WooCommerce shop pages, and major themes, with Elementor Loop Builder support. It also works with custom post type and custom field extensions including ACF, CPT UI, and Meta Box.

Design and reuse configurations

The CAF Builder process has three stages: set the query and filtering logic, design the post or product entry template, then configure the layout. Layout settings include columns, posts per page, gaps, filter position, sort order, and pagination. Pre-built filter layouts and post item designs provide starting points. Export completed work as JSON for reuse across websites, or import templates from other filters.

Set up a filter

1. Open the CAF Builder and create a filter from a template or start a new configuration.
2. Set the query and filters, add the required modules, and configure the listing and responsive layout.
3. Save the filter and place it with a shortcode alongside an existing layout or your own listing.

Visitors can then use the filter controls to refine posts, custom post types, or WooCommerce products through instant AJAX results.