{"id":378176,"date":"2026-10-01T00:12:42","date_gmt":"2026-10-01T00:12:42","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/webangon-product-filter-for-woocommerce\/"},"modified":"2026-10-01T12:04:42","modified_gmt":"2026-10-01T12:04:42","slug":"webangon-product-filter-for-woocommerce","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/webangon-product-filter-for-woocommerce\/","author":15600099,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"trunk","tested":"7.1.2","requires":"6.4","requires_php":"7.4","requires_plugins":null,"header_name":"AJAX Product Filter for WooCommerce","header_author":"Webangon","header_description":"Fast AJAX product filters for WooCommerce. Design filter sets visually (checkbox, chips, swatches, dropdown, price slider, rating, stock, sale, sort) and drop them next to any shop grid. Counts and the product grid refresh through wc-ajax.","assets_banners_color":"4b66a5","last_updated":"2026-10-01 12:04:42","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":38,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3722225,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3722225,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3722225,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3722225,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3723111,"resolution":false,"location":"assets","locale":"","contents":"{\"$schema\":\"https:\\\/\\\/playground.wordpress.net\\\/blueprint-schema.json\",\"meta\":{\"title\":\"AJAX Product Filter for WooCommerce\",\"description\":\"WooCommerce with sample products, a sidebar filter on the shop page and a ready-made popup filter set.\",\"author\":\"webangon\",\"categories\":[\"WooCommerce\"]},\"landingPage\":\"\\\/shop\\\/\",\"preferredVersions\":{\"php\":\"8.2\",\"wp\":\"latest\"},\"features\":{\"networking\":true},\"login\":true,\"steps\":[{\"step\":\"setSiteOptions\",\"options\":{\"blogname\":\"Product Filter Demo\",\"permalink_structure\":\"\\\/%postname%\\\/\"}},{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"woocommerce\"},\"options\":{\"activate\":true}},{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"webangon-product-filter-for-woocommerce\"},\"options\":{\"activate\":true}},{\"step\":\"importWxr\",\"file\":{\"resource\":\"url\",\"url\":\"https:\\\/\\\/raw.githubusercontent.com\\\/woocommerce\\\/woocommerce\\\/trunk\\\/plugins\\\/woocommerce\\\/sample-data\\\/sample_products.xml\"}},{\"step\":\"setSiteOptions\",\"options\":{\"woocommerce_onboarding_profile\":{\"skipped\":true},\"woocommerce_task_list_hidden\":\"yes\",\"woocommerce_coming_soon\":\"no\",\"woocommerce_store_pages_only\":\"no\"}},{\"step\":\"runPHP\",\"code\":\"<?php\\nrequire_once 'wordpress\\\/wp-load.php';\\n\\nfunction webangonpf_demo_set( $title, array $config ) {\\n\\t$id = wp_insert_post( array( 'post_type' => Webangon_PF_Schema::POST_TYPE, 'post_status' => 'publish', 'post_title' => $title ) );\\n\\t$config = Webangon_PF_Schema::sanitize( $config, $id );\\n\\tupdate_post_meta( $id, Webangon_PF_Schema::META, wp_slash( wp_json_encode( $config ) ) );\\n\\treturn $id;\\n}\\n\\n\\\/\\\/ Sidebar filter, placed automatically beside the shop grid.\\nwebangonpf_demo_set( 'Shop sidebar', array(\\n\\t'design'   => array( 'skin' => 'classic', 'layout' => 'vertical' ),\\n\\t'behavior' => array( 'apply' => 'instant', 'placement' => 'left' ),\\n\\t'elements' => array(\\n\\t\\tarray( 'type' => 'active' ),\\n\\t\\tarray( 'type' => 'taxonomy', 'taxonomy' => 'product_cat', 'display' => 'checkbox' ),\\n\\t\\tarray( 'type' => 'price', 'display' => 'slider_inputs' ),\\n\\t\\tarray( 'type' => 'taxonomy', 'taxonomy' => 'product_tag', 'display' => 'chips' ),\\n\\t\\tarray( 'type' => 'rating', 'display' => 'stars' ),\\n\\t\\tarray( 'type' => 'stock', 'display' => 'checkbox', 'options' => 'instock,onbackorder' ),\\n\\t\\tarray( 'type' => 'sale', 'display' => 'toggle' ),\\n\\t\\tarray( 'type' => 'actions' ),\\n\\t),\\n) );\\n\\n\\\/\\\/ Popup filter, ready to place with the shortcode, block or Elementor widget.\\nwebangonpf_demo_set( 'Popup filter', array(\\n\\t'design'   => array( 'skin' => 'soft', 'layout' => 'popup' ),\\n\\t'behavior' => array( 'apply' => 'instant', 'mobile_apply' => 'button', 'placement' => 'none' ),\\n\\t'elements' => array(\\n\\t\\tarray( 'type' => 'sort', 'display' => 'select' ),\\n\\t\\tarray( 'type' => 'taxonomy', 'taxonomy' => 'product_cat', 'display' => 'chips' ),\\n\\t\\tarray( 'type' => 'price', 'display' => 'slider_inputs' ),\\n\\t\\tarray( 'type' => 'rating', 'display' => 'stars' ),\\n\\t\\tarray( 'type' => 'sale', 'display' => 'toggle' ),\\n\\t\\tarray( 'type' => 'active' ),\\n\\t),\\n) );\\n\\nWebangon_PF_Schema::rebuild_registry();\\n\"}]}"}},"all_blocks":{"webangonpf\/filter":{"name":"webangonpf\/filter","title":"AJAX Product Filter"}},"tagged_versions":[],"block_files":[],"assets_screenshots":[],"screenshots":[]},"plugin_section":[],"plugin_tags":[5861,237179,6033,18781,286],"plugin_category":[45],"plugin_contributors":[183622],"plugin_business_model":[],"class_list":["post-378176","plugin","type-plugin","status-publish","hentry","plugin_tags-ajax-filter","plugin_tags-price-filter","plugin_tags-product-filter","plugin_tags-swatches","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-webangon","plugin_committers-webangon"],"banners":{"banner":"https:\/\/ps.w.org\/webangon-product-filter-for-woocommerce\/assets\/banner-772x250.png?rev=3722225","banner_2x":"https:\/\/ps.w.org\/webangon-product-filter-for-woocommerce\/assets\/banner-1544x500.png?rev=3722225","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/webangon-product-filter-for-woocommerce\/assets\/icon-128x128.gif?rev=3722225","icon_2x":"https:\/\/ps.w.org\/webangon-product-filter-for-woocommerce\/assets\/icon-256x256.gif?rev=3722225","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>AJAX Product Filter for WooCommerce<\/strong> helps shoppers narrow a catalog down to what they want in a few clicks. Each change refreshes the product grid instantly, and every option shows a live count of matching products, so nobody lands on an empty page.<\/p>\n\n<p>Filters are built in a visual builder with a live preview that uses your real products. Pick a preset, add or reorder filters, choose a skin and layout, and place the filter on your shop. No code is needed.<\/p>\n\n<h4>Filter by anything shoppers care about<\/h4>\n\n<ul>\n<li><strong>Categories, tags and brands<\/strong> as checkboxes, radio buttons, chips or dropdowns<\/li>\n<li><strong>Product attributes<\/strong> such as colour and size, including <strong>colour and image swatches<\/strong><\/li>\n<li><strong>Price range slider<\/strong> with min and max inputs, or preset price ranges<\/li>\n<li><strong>Average rating<\/strong> (4 stars and up, 3 stars and up\u2026)<\/li>\n<li><strong>Stock status<\/strong> (in stock, on backorder, out of stock)<\/li>\n<li><strong>On sale<\/strong> toggle<\/li>\n<li><strong>Sort order<\/strong> (popularity, rating, newest, price)<\/li>\n<li><strong>Active filters<\/strong> chips with one-click remove and \"Clear all\"<\/li>\n<\/ul>\n\n<h4>Layouts and design<\/h4>\n\n<ul>\n<li><strong>Vertical sidebar<\/strong>, <strong>accordion<\/strong>, <strong>horizontal bar<\/strong> with dropdown panels, or a <strong>popup<\/strong> opened from a Filters button<\/li>\n<li>Mobile-friendly: a slide-in drawer on small screens, and the popup becomes a bottom sheet on phones<\/li>\n<li>Six skins (classic, cards, minimal, soft, outline, dark) with your own colours, radius, spacing and font sizes<\/li>\n<li>Ready-made presets: shop sidebar, horizontal bar, card accordion, dark compact and popup filter<\/li>\n<\/ul>\n\n<h4>Fast AJAX shop experience<\/h4>\n\n<ul>\n<li>The product grid, result count and pagination update without reloading the page<\/li>\n<li>Option counts refresh in a single lightweight request, so it stays fast on large catalogs<\/li>\n<li>Update results instantly or wait for an \"Apply\" button<\/li>\n<li>AJAX pagination: page numbers, previous and next, \"Load more\" button or infinite scroll<\/li>\n<li>Filtered URLs are shareable and bookmarkable, and the back button works<\/li>\n<li>Works without JavaScript as a normal form, which is good for accessibility and SEO<\/li>\n<\/ul>\n\n<h4>Place filters anywhere<\/h4>\n\n<ul>\n<li><strong>Automatically<\/strong> beside the shop and product category, tag and brand archives, with an optional sticky sidebar<\/li>\n<li><strong>Shortcode<\/strong>: <code>[webangon_product_filter id=\"123\"]<\/code><\/li>\n<li><strong>Gutenberg block<\/strong><\/li>\n<li><strong>Elementor widget<\/strong> (Webangon category)<\/li>\n<li><strong>Classic widget<\/strong> for classic theme sidebars<\/li>\n<\/ul>\n\n<h4>Privacy<\/h4>\n\n<p>The plugin does not connect to any external service and does not track visitors.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>webangon-product-filter<\/code> folder to <code>\/wp-content\/plugins\/<\/code>, or install it from the Plugins screen.<\/li>\n<li>Activate the plugin. WooCommerce must be active.<\/li>\n<li>Go to Products &gt; Product Filters, create a filter set and choose where it appears.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20work%20with%20elementor%3F\"><h3>Does it work with Elementor?<\/h3><\/dt>\n<dd><p>Yes. Add the \"Product Filter\" widget from the Webangon category and choose a filter set. Put it on a shop or product archive template so it can refresh the product grid.<\/p><\/dd>\n<dt id=\"does%20it%20require%20woocommerce%3F\"><h3>Does it require WooCommerce?<\/h3><\/dt>\n<dd><p>Yes. WooCommerce 8.0 or newer is required.<\/p><\/dd>\n<dt id=\"can%20i%20show%20a%20filter%20set%20anywhere%3F\"><h3>Can I show a filter set anywhere?<\/h3><\/dt>\n<dd><p>Yes. Use the shortcode, block, classic widget or Elementor widget shown on the filter set edit screen.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"AJAX WooCommerce product filters by category, attribute, price, rating and stock. Show them as a sidebar, top bar or popup.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/378176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=378176"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/webangon"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=378176"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=378176"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=378176"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=378176"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=378176"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=378176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}