Category AJAX Filter – Posts, Custom Post Types & Product Filter vs Post Grid Gutenberg Blocks – PostX

THE COMPLETE FILTER SOLUTION: POSTS, CUSTOM POST TYPES & WOOCOMMERCE PRODUCTS. DRAG & DROP BUILDER INCLUDED. Category AJAX Filter (CAF) is a free filter plugin for WordPress posts, custom post types and WooCommerce products. Visitors filter by category, tag, taxonomy, attribute or price instantly, with no page reload. Build it visually with the drag & drop CAF Builder, where every element is a module: search box, dropdown, checkbox, range slider and more, all styled and placed however you want, with no coding and separate settings for desktop, tablet and mobile. Add it anywhere with a shortcode. The filter works with your existing layout in Elementor, Divi, WooCommerce shop pages and all major themes or you can create your own listing with drag & drop. Category AJAX Filter Pro adds AI search, analytics, SEO controls, custom field filtering, attribute swatches, product badges and more. ⭐ Key Features CAF includes the core features you need to create professional, fully customized post or woocommerce product filters. From instant AJAX filtering to pre-built templates, everything is designed for simplicity and power. AJAX-Powered Instant Filtering: Filters use AJAX to update results instantly without page reload. Visitors see filtered posts and products in real-time as they select categories, tags or search anything across your content. Drag & Drop 3-Step Builder: The visual CAF Builder simplifies filter creation into three steps: Query & Filters to set filtering logic, Post Item Template to design post and product cards, Layout Settings to control columns, posts per page, gaps, sort order, filter position and pagination. Works with Any Post Type: Blog posts, any custom post type and WooCommerce products – one filter for all your content. Pre-Built Template Library: Start with ready-made filter layouts and post item designs. Export your work as JSON to reuse across sites or import templates from other filters you’ve built. 🔗 Supported Post Types & Compatibility Post types & taxonomies Filter WordPress posts, any custom post type registered on your site or WooCommerce products – by category, tag, brand, attribute, price or any custom taxonomy you’ve created, using Search, Dropdown, Checkbox and Range Slider modules. WooCommerce Full support for simple, variable and grouped products. Connect the filter to your existing shop layout or build a complete product listing with Product Image, Product Price, Add to Cart, Badges modules and more. Page builder & plugin compatibility Works with all major page builders including Elementor, Divi and WP Bakery. Compatible with popular custom post type and custom field plugins like ACF, CPT UI and Meta Box. Elementor Loop Builder support is available. 🎬 Free Live Demos Explore CAF in action across WordPress posts, custom post types and WooCommerce products — every demo runs the free version, filtering instantly with no page reload. Products Top Bar Filter – WooCommerce Products Sidebar Filter — WooCommerce Full Width with Search Demo — WordPress Posts Side Image & Description Demo — WordPress Posts Glossy Look Demo — WordPress Posts Simple Blogs Sidebar Demo — WordPress Posts Boxed Title Layout — WordPress Posts Top Dropdown Filter Demo — WordPress Posts Job Board Filter Demo — Custom Post Type Recipe Filter Demo — Custom Post Type 👑 Category AJAX Filter Pro Take your filters to the next level with Category AJAX Filter Pro plugin. It adds advanced filtering, deeper customization and extra integrations. From AI-powered search to WooCommerce swatches and smart badges, Pro gives you the tools to build filtering experiences that match your exact vision. AI Search: A visitor types “red shoes under 50” and gets the right products. AI Search understands what people mean, matching intent against your content, taxonomy terms, brands, attributes and price – not just exact keywords. Works on posts, custom post types and WooCommerce products. See the live AI Search demo. Custom Fields in Filters: Extend filtering beyond taxonomies by letting visitors filter with custom fields, including all WooCommerce product custom fields, using Checkbox, Dropdown, Range Slider or Search modules, with the ability to target the search box to specific custom fields for more focused searching. Sort Filter Terms: Manually reorder categories, taxonomies, brands, attributes or custom field terms in Checkbox and Dropdown filters using drag & drop, instead of relying on alphabetical or count-based ordering. Icons & Images on Filters: Add an icon or image to any filter term alongside the label or in place of it. Use brand logos, colour swatches or category icons on checkbox and dropdown filters and on custom field terms. Voice Search: Let visitors search hands-free using voice input, with a customizable microphone icon you can position left or right and control the listening state feedback they see while speaking, making filtering more accessible and convenient. SEO Controls: Keep filtered pages crawlable and indexable with Filter With URL support and schema markup, so search engines understand your filtered content. Advanced Layout Controls: Place advanced pagination options like Load More, sorting dropdowns, selected filters and result counts exactly where you want them across four flexible positions: above filters, below filters, above the post grid or below the post grid, with drag & drop control that lets you arrange them however you need, even stacking multiple modules in the same position. Analytics: Get detailed insights into how visitors use your filters, including total filter clicks across categories, attributes, brands and selected price ranges, which filter combinations return zero results, clicks broken down by device type and a complete list of search keywords visitors used, all viewable across custom time periods to identify trends and gaps in your content and store. Prefix and Suffix Options: In listing add custom text or icons before and after data throughout your layout in key modules like Post Title, Custom Field, Post Button, Product Price, Add to Cart and Badges, as well as result counts in your layout controls, so every piece of information displays exactly how you want it with complete customization over presentation. Float Button: Take full control of how your filter appears on every device. Keep it inline or in a sidebar on desktop and show the same filter as a floating button on mobile and tablet, with full customization of the button text, icon, panel animation direction and overlay color. Product Attribute Swatches: In listing show product attributes as selectable text, color or image swatches directly on product cards, each fully styleable. Shoppers pick their size or color and add the exact variation to cart without opening the product page, turning your filtered grid into a fast, one-stop shopping experience. Smart Product Badges: In listing go beyond the standard Sale badge with New, Best Seller, stock status, stock quantity and discount badges. Each badge comes with its own conditional logic, set a Low Stock Threshold to trigger a badge when inventory runs low, show discounts as an exact value or a percentage off and combine these options to build flexible badges that appear exactly when they should. More Pro features: Dynamic Term Counts, Extended revision history, Custom fonts upload, Global font settings, include/exclude posts/products, Icon library, Icons/images for terms & custom fields, Masonry layout, Loader styles, Elementor Loop Builder support, Quick backend navigation. 🎯 Pro Demos Explore CAF Pro in action with our live demo sites, showcasing advanced features, custom fields, WooCommerce product filtering and Pro-exclusive functionality: Sidebar Products Filter — WooCommerce Right Sidebar Products Filter — WooCommerce Employee Filter — Custom Post Type Cars Filter — Custom Post Type Multiple Taxonomy Filter — Custom Post Type Multiple Taxonomy Horizontal Dropdown Filter (Modern) — Custom Post Type Alphabetical Navigation Filter — WordPress Posts Full Width Timeline — WordPress Posts Gradient Border — WordPress Posts Masonry With Description — WordPress Posts Carousel Slider — Custom Post Type Simple Timeline — WordPress Posts 📚 Quick Import Library Skip the design process and import professional, ready-made filter layouts in seconds: Create a new filter and select your post type or products. Click the Import/Export icon at the top right of the builder and open the Import tab. Click Import From Library and pick a category — Full Filter Layout, Filter, Single Post Item or Layout Settings. Under Filter you can also import a single type, like a checkbox or a dropdown. Select any template and click Import — the complete design with all modules and styling loads instantly. Source Code This plugin ships minified JavaScript for the admin filter builder. Per WordPress plugin guideline #4, human-readable source code and build tools are publicly maintained here: React builder source (admin UI): https://github.com/trustyplugins/category-ajax-filter/tree/3.0/react-builder/src Build tools: https://github.com/trustyplugins/category-ajax-filter/tree/3.0/react-builder (package.json, webpack.config.js, scripts/) — see react-builder/BUILD.md PHP plugin source: https://github.com/trustyplugins/category-ajax-filter/tree/3.0 To rebuild the admin builder JavaScript: git clone -b 3.0 https://github.com/trustyplugins/category-ajax-filter.git cd category-ajax-filter/react-builder npm install npx cross-env CAF_BUILD_FREE=1 npx wp-scripts build The production plugin zip contains only the compiled files under react-builder/build/.

🥇 The #1 WordPress news, magazine, and blogging solution 📈 Highest post grid layout variations with enhanced customization 💕 A plugin by WPXPO, that empowers 65K+ businesses! 📞 Dedicated support team with 4.9/5 customer satisfaction on Trustpilot 😲 Free Demo | 🔥 PostX Pro | 📃 Starter Templates | 📦 All Blocks Ultimate Blog Website Builder for WordPress Create modern news, magazine, and blog websites with advanced Gutenberg blocks, ready-made site templates, dynamic grid layouts, and advanced post filtering – all without coding. Key Features of PostX Ready-to-import starter sites to launch full blog websites in minutes. 45+ advanced Gutenberg blocks for creating dynamic, content-rich layouts. 250+ ready-made pattern designs to speed up page creation. Site builder to create custom templates for posts, categories, tags, authors, etc. Query builder to display posts by category, tag, author, custom taxonomy, or custom logic. Advanced post filtering, search, and pagination with Ajax for seamless browsing. Dynamic content support to pull data from custom fields, post meta, and custom post types. Global style settings to control colors, typography, and more across the entire site. Multi-column layouts and templates to create custom headers, footers, and mega menus. Advanced blogging tools such as table of contents, frontend post submission, and more. Built-in AI (ChatGPT) and SEO plugins integration for content creation Seamless integration with popular page builders such as Elementor, Divi, etc. Use custom fonts, dark mode, and more design options Mobile device responsive design & multi-language support Performance optimized codebase Starter Sites – Build Any Blog Website in 3 Steps! Launch a fully designed blog website in minutes. With PostX starter sites, you can select a premade site template, customize it to match your brand, and go live – no need to spend hours manually creating every page! 👉 Check out the Starter Site Templates! With PostX, you can easily build: ✅ News Websites ✅ Magazine Websites ✅ Sports News Websites ✅ Tech News Websites ✅ Gaming News Websites ✅ Crypto News Websites ✅ Movie News Websites ✅ Travel Blog Websites ✅ Personal Blog Websites ✅ Food Blog Websites ✅ And More! 👉 Step-by-step guide on creating a news blog website in WordPress using PostX: Gutenberg Blocks for Professional Blog Layouts Get all the essential blocks to build a professional blog website. PostX blocks help you organize and design blog pages that are unique and visually engaging. ✔ Post Grid: Showcase posts with 7+ cool grid layouts – View Demo ✔ Post List: Present content in structured list formats – View Demo ✔ Post Slider & Carousel: Highlight featured posts with interactive sliders – View Demo ✔ Post Module: Display posts in structured, magazine-style layouts – View Demo ✔ Mega Menu: Create advanced navigation menus – View Demo ✔ Row/Column Block: Build structured layouts easily – View Demo ✔ Image Block: Style images with advanced controls – View Demo ✔ News Ticker: Display trending posts dynamically – View Demo ✔ Search Block: Ajax search for better navigation – View Demo ✔ Star Rating: Add rating systems to highlight content – View Demo ✔ Accordion Block: Display expandable content sections – View Demo ✔ Button Group: Stylish CTA buttons for more engagement – View Demo ✔ Taxonomy Block: Categories and tags in engaging designs – View Demo ✔ Image Gallery Block: Create visually rich image sections – View Demo ✔ Tabs Block: Organize blocks under tabs for improved visual – View Demo ✔ YouTube Gallery Block: Show video content in organized layouts – View Demo ✔ More 20+ Dynamic builder block Dynamic Gutenberg Site Builder Design every part of your website exactly the way you want with PostX’s dynamic site builder. Create unique templates for specific pages to make them stand out – or maintain consistency with the same template. ✔ Diverse layouts for category and tag pages ✔ Cool designs for archive Pages ✔ Custom blog post templates ✔ Custom Search & date pages ✔ Custom 404 Not Found Pages ✔ Custom home page designs ✔ Custom author pages 👉 More about the Dynamic Site Builder Query Builder for Enhanced Content Display Choose exactly what content to show inside a section. Using the Quick Query feature, you can utilize advanced sorting options and customization options for maximum control over content display. Here is the list of essential post-displaying options: ✔ Display Posts Based on Category ✔ Display Posts Based on Tags ✔ Display Specific Posts/Pages ✔ Display Posts from Specific Authors ✔ Display Custom Post Types ✔ Popular Posts ✔ Random Posts ✔ Oldest Posts ✔ Most Commented Posts ✔ Top Posts of the Month ✔ All-time Favorites ✔ Alphabetical ASC ✔ Alphabetical DESC ✔ Reorder Posts ✔ Exclude Posts And a lot of other options! 👉 Learn about Query Builder Advanced Post Filter Let users easily filter and find the posts they are looking for – without reloading the whole page. You have all essential post-filtering options, including: ✔ Filter By Ascending and Descending ✔ Filter By Custom Taxonomy ✔ Post Filter By Category ✔ Post Filter By Author ✔ Advanced Sort Filter ✔ Post Filter Tags ✔ Order By Filter ✔ Search Filter 👉 Details about Advanced Post Filter Ajax Pagination Keep users engaged with seamless Ajax-powered pagination that loads content instantly without refreshing the page. PostX offers multiple pagination styles so you can choose what fits your website. ✔ Load More pagination ✔ Numeric pagination ✔ Next/previous pagination 👉 Check out details for Ajax Pagination Enhanced Blogging Features Take your blog to the next level with advanced features designed to improve engagement, usability, and content management. Front End Post Submission Allow writers to submit content directly from the front end without giving them access to the WordPress dashboard. Perfect for managing guest and freelance writers. Dynamic Content Pull data dynamically from any post type and display information such as post meta, custom fields, and more. Table of Contents Add a structured table of contents to posts that improves readability and navigation – which also helps in SEO. Reading Progress Bar Show a visual progress bar on posts to highlight how much the visitor has read or scrolled. You can also add the progress bar to any page of your WordPress site. Taxonomy Image & Color Add featured images and desired colors to categories, tags, and custom post types – making the taxonomies more visually appealing. Header, Footer & Mega Menu Builder Improve your site’s navigation and direct visitors to highlighted sections of your site using fully customizable headers, footers, and mega menus. ✔ A wide library of premade header and footer templates ✔ Option to create different headers/footers for different pages ✔ Build advanced mega menus with rich layouts, images, and content Learn about: PostX Mega menu Learn about: PostX Header & Footer Premade Patterns Speed up your blog creation with a library of ready-made designs. Instead of building sections from scratch, choose from professionally designed layouts and customize them to fit your brand. Check out the live demo of Premade Patterns. Blog Design & Customization Control the aesthetics of your entire blog effortlessly. Create a unique and consistent brand identity with global settings while having block-level control over designs. Block-level Settings Fine-tune every part of your blog layout with powerful styling controls built directly into each block. Easily switch between different layout variations, customize individual elements like title, image, meta, taxonomy, excerpt, and more. Global Styles Choose the colors and typography that you prefer and apply them globally across your website for a consistent look and feel. Custom Fonts Upload and use custom fonts that align with your brand guidelines. Use them with single or multiple variations – and use them inside PostX’s blocks with full typography customization options. Dark Mode & RTL Support Give your readers a modern, eye-friendly experience with a built-in Light/Dark mode toggle. Also, we provide RTL support, which ensures a seamless reading experience for users who prefer right-to-left languages. Integrations & Compatibility PostX works seamlessly with your favorite tools and enhances your blog management workflow. AI Integration Integrate with your ChatGPT account to easily create and optimize content directly inside WordPress. Gutenberg Blocks in Page Builders Love the comfort of your favorite page builders? Easily use Gutenberg blocks and any PostX-created designs directly inside popular page builders such as: ✔ Elementor ✔ Divi ✔ WPBakery ✔ Oxygen ✔ Bricks Builder ✔ Beaver Design and reuse any set of designs with the help of the Saved Template feature of PostX. SEO Plugins Support Fully compatible with major SEO plugins like Rank Math, Yoast, All-in-One SEO, Squirrly, SEOPress and others to display custom meta descriptions easily inside content. PostX Recommended Themes PostX should work properly with all popular WordPress themes. We have personally tested with various themes. Here is a list of themes that are fully compatible with PostX. ✔ Twenty Twenty-Five ✔ Astra ✔ Blocksy ✔ Kadence ✔ Generatepress ✔ Rishi Theme ✔ Neve ✔ Ocean WP ✔ Blossom Theme ✔ Block WP Upcoming Features Dynamic Image Generation Infinite Scroll Icon Block Instagram Blocks Countdown Timer Blocks Have a cool idea for a feature? Let us know: Request a feature Recommended by the WordPress Experts Check out what Paul C (WPTuts) had to say about PostX. Check out the video of Jack Cao and learn how to create a News Magazine Website for free. Check out how Alyssa creates a complete news website in minutes using PostX. Translations PostX plugin is compatible with WPML Plugin and also it works perfectly with loco translate plugin. You can Translate PostX on translate.wordpress.org. Liked PostX? Join our Facebook Group. Learn from our tutorials on YouTube Channel. Author Developed by WPXPO. Contribute to Gutenberg Post Blocks on Bitbucket and join the party. Other Plugins by WPXPO We are glad that you are considering PostX. We have more amazing plugins that you can check out: 📄 WowInvoice 🔥: A comprehensive PDF invoices & packing slips plugin for WooCommerce that automates documents like invoices, packing slips, and picklists. 🚚 WowShipping 🔥: The complete table rate shipping plugin for WooCommerce, featuring 30+ flexible conditions and integrations with popular carriers like UPS, USPS, DHL, Sendle, and more. ➕ WowAddons 🔥 : The ultimate product addons plugin with 25+ extra product options, custom fields, allowing you to sell customizable products and increase average order value. 🧲 WowOptin: The next-gen optin and popup builder plugin with Canva-like design flexibility and detailed audience targeting. 💝 WowStore: An all-in-one WooCommerce solution to create professional and conversion-focused eCommerce stores. 💸 WowRevenue: Collections of various WooCommerce discount campaigns to boost revenue by increasing the average order value. 📦 WholesaleX: A complete WooCommerce Wholesale solution with additional features like a bulk order form, dynamic pricing & discount rules.