Title: Super Product Filter for WooCommerce Author: hashthemes Published: 25. awgusta 2024 Last modified: 1. oktobra 2026 --- Tykace pytaś ![](https://ps.w.org/super-product-filter/assets/banner-772x250.jpg?rev=3141021) ![](https://ps.w.org/super-product-filter/assets/icon-256x256.png?rev=3141021) # Super Product Filter for WooCommerce Wót [hashthemes](https://profiles.wordpress.org/hashthemes/) [Ześěgnuś](https://downloads.wordpress.org/plugin/super-product-filter.2.0.2.zip) * [Drobnostki](https://dsb.wordpress.org/plugins/super-product-filter/#description) * [Pógódnośenja](https://dsb.wordpress.org/plugins/super-product-filter/#reviews) * [Instalacija](https://dsb.wordpress.org/plugins/super-product-filter/#installation) * [Wuwiśe](https://dsb.wordpress.org/plugins/super-product-filter/#developers) [Pódpěra](https://wordpress.org/support/plugin/super-product-filter/) ## Wopisanje Shoppers leave when they cannot find what they came for. Super Product Filter for WooCommerce lets them narrow your catalog by category, brand, attribute, price, rating, stock and sale status, search by keyword and change the sort order, and the product list updates in place the moment they click. No page reloads, no waiting, no dead ends. It works with any WooCommerce theme, sits anywhere you want it through a block, a shortcode or an Elementor widget, and is set up in a purpose built filter builder rather than a wall of settings. The free version is not a trial. Everything listed under „Everything in the free version“ works the day you activate it. [Live Demo](https://demo.hashthemes.com/super-woocommerce-product-filter/) | [Try It in a Test Dashboard](https://tastewp.com/plugins/super-product-filter/) | [Documentation](https://hashthemes.com/documentation/super-woocommerce-product-filter-documentation/) | [Free vs Pro](https://demo.hashthemes.com/super-woocommerce-product-filter/comparison-free-vs-pro/) | [Get Pro](https://1.envato.market/eK5yrQ) ### Why stores choose Super Product Filter * **Instant results.** Every filter applies over AJAX, so shoppers never lose their place or wait for a reload. * **Every filter a store needs.** Categories, tags, brands, attributes, price, rating, reviews, stock, sale, keyword search and sorting, all in the free version. * **Eight ways to show a filter.** Checkboxes, radios, dropdowns, multi selects, buttons, toggles, color swatches and image swatches. * **Works with your theme.** The product list, result count and pagination are found automatically, and a compatibility mode handles themes and page builders that draw their own product cards. * **A real builder.** Drag filters into order, switch them on and off, style them with live previews and save without leaving the page. * **Light and search engine safe.** Only the assets a preset uses are loaded, and filtered views can be kept out of search results with one switch. ### Everything in the free version #### Filters shoppers actually use * **Categories, tags and brands.** Refine by product category, product tag and WooCommerce brand, with categories shown as an indented tree. * **Attributes.** Any WooCommerce attribute becomes a filter: size, material, color and so on, each with its own title, display type, order and logic. * **Price range.** A two handle slider sets a minimum and a maximum, and the product list updates to match. * **Rating and reviews.** Rows of stars for products rated a given number and above, and a minimum review count for products with real feedback behind them. * **In stock and on sale.** One tick hides everything that cannot be bought today. Another takes shoppers straight to the deals. * **Keyword search.** A search box that sits with the other filters, so a shopper can type a term and keep refining by category, price or attribute from the same panel. * **Sorting.** Price low to high or high to low, latest or oldest, title A to Z or Z to A, or random. You choose which to offer. #### Eight ways to show a filter Every category, tag, brand or attribute filter can be a Checkbox, Radio, Dropdown, Multi Select, Button, Toggle, Color Swatch or Image Swatch list, laid out vertically or horizontally. Swatch colors and images are set per term inside the builder, so a color attribute shows real swatches and a pattern or brand attribute shows pictures. Dropdowns and multi selects take a placeholder text of your own. #### A shopping experience that feels instant * **Apply on click or on demand.** Filters can apply the moment a shopper clicks, or wait for an Apply button with the text you set. * **Active filter chips.** Every selection is listed as a removable chip. Click one to drop that selection, or Clear All to start over. * **Honest product counts.** The number beside each term takes account of the price, rating, review, stock and sale filters already applied, so it always matches what selecting it returns. * **Loading animation and scroll to results.** A loader covers the products while new results arrive, and the page can scroll back to the results once they land. * **Collapsible filters.** Shoppers fold each filter box open or closed from its heading, and long lists can be capped to a height and scrolled. #### You decide what shoppers see * **Include or exclude terms.** Show every term, or pick exactly which ones a filter offers. * **AND or OR logic.** Set it for the preset as a whole and for each filter on its own. AND means a product must match every selected term. OR means any one is enough. * **Term order.** By name, product count, ID or numeric name, ascending or descending. * **Limit a preset to categories.** A filter placed on a page only ever returns products from the part of the catalog you choose. * **Show or hide details.** Term names and product counts can each be shown or hidden per filter. #### Off-canvas panel and mobile * **Slide-in filter panel.** Show the filters in a panel that slides in from the left or the right instead of taking up page space. * **Your own trigger button.** Sixteen ready made icon styles and an icon library to pick from, with the shape, size, colors and screen position all yours to set. Any link or button on the page can open the panel through the trigger class. * **Responsive by design.** Filters adapt to phones and tablets, and inline filters can switch to the off-canvas panel below a screen width you choose. #### Make it match your brand * **Colors and spacing.** Primary color, filter box and heading colors, and the spacing between filters and between items. * **Typography with live preview.** Any Google Font for headings and filter text, with a sample line that takes on the font, size and spacing as you change them. * **GDPR ready fonts.** Serve Google Fonts from your own site instead of Google’s servers with one switch. #### Built in a real builder * **Full page filter builder.** Every preset is edited in a purpose built screen rather than the WordPress post editor. Switch filters on or off, drag them into order, configure every option in one place and save without a page reload. * **Import and export presets.** Export a configured preset to a file and import it on another site, or restore it later. * **Built for big catalogs.** Shops with many attributes save reliably, because settings travel as a single field that is not subject to the PHP input variable limit. #### Place it anywhere, on any theme * **Block, shortcode and Elementor widget.** Drop the block into any page, post or block based widget area such as a sidebar, header or footer, add the Elementor widget, or paste the shortcode into WPBakery, Beaver Builder, Divi, Bricks or any builder that renders shortcodes. * **Automatic theme detection.** The product list, result count and pagination are detected on their own, and three selector fields are there for the rare theme that cannot be detected. * **Theme Compatibility Mode.** When a theme or page builder draws its own product cards, the filtered page is requested from your site, so products come back in exactly the markup your theme already uses. #### Fast, search engine safe and tidy * **Loads only what it needs.** Icon fonts are loaded only when a preset uses them, the plugin’s own icons are drawn inline, and AJAX responses carry only what the page needs. * **SEO friendly filtering.** Filter combinations can become thousands of near duplicate pages that eat crawl budget. One setting serves filtered views as „ noindex, follow“, keeping them out of search results while links on the page are still followed. * **Clean uninstall.** An option removes every filter and setting when the plugin is deleted. It is off by default, so deactivating or reinstalling never loses your work. * **Plays well with WooCommerce.** Declares compatibility with High Performance Order Storage, and works in every current browser. * **Multilingual and RTL.** Filter titles are registered with WPML String Translation and Polylang, and right to left languages such as Arabic and Hebrew are supported. #### For developers * **Template overrides.** Copy any filter template into a super-product-filter folder in your theme to change its markup, the same way WooCommerce templates are overridden. * **Hooks.** swpf_before_filter_fields, swpf_after_filter_fields, swpf_before_filter_field and swpf_after_filter_field actions, plus swpf_template_folder, swpf_locate_template, swpf_filter_query_keys and swpf_preset_icon_families filters. ### Go further with Super WooCommerce Product Filter Pro The free version gives you a complete, fast product filter. Pro is for stores that want to shape the whole shopping journey: filter by your own data, guide shoppers step by step, style every control, and design the product cards themselves. It is a one-off payment, and everything you set up in the free version carries over. #### Filter by anything * **ACF and custom meta fields.** Turn Advanced Custom Fields values into filters, or define your own meta keys and the options shoppers pick from. * **Hide empty terms.** Options that would return no products disappear, so a shopper never lands on an empty page. * **Search inside a filter.** A search box within long filters narrows the list of terms as you type. * **Dynamic price range.** The slider ends follow the results, moving to the cheapest and dearest products currently shown. The price filter can also be shown as a pair of inputs. * **Variation images in the product list.** Filter by a color and each variable product shows the image of the matching variation. #### Guide the shopper * **Step by step filtering.** Reveal the next filter only once the one before it is answered: a category first, then its attributes, then a price. * **Conditional filters.** Show or hide a filter depending on the category, tag or brand being viewed, so screen size appears for laptops and not for wine. * **Readable filter URLs.** Addresses such as /shop/filter/categories-laptop/ instead of a query string, easier to share and better in search results. * **Redirect to another page.** Place a filter anywhere and land the shopper on your shop with the results applied. * **Descriptions, icons and labels.** A description and an icon for each filter title, and your own labels for the in stock and on sale ticks. #### Faster browsing * **AJAX pagination.** Each page of results loads in place instead of reloading. * **Load More and infinite scroll.** Replace paged links with a Load More button carrying your own text, or let results flow in as the shopper scrolls. #### Place and lay out * **Attach to the shop archive.** Show the filter above the shop and category pages without editing a template, on every archive, only on the shop page or chosen categories, tags and brands, or hidden on the ones you name. * **Multi-column layouts.** Filters across up to eight columns, terms inside a filter across up to three, with column counts and panel width set per breakpoint. * **Positioned filter chips.** Selected filter chips before the filters, after them or above the products, grouped by attribute. #### Design without limits * **Filter styles.** Eleven checkbox and radio styles, ten each for price sliders, buttons and toggles, six each for dropdowns, multi selects, color swatches and image swatches, chip styles for multi select, and a styled dropdown in place of the browser one. * **Every color and size.** Border, background, icon and active colors and sizing for every control, each with a live preview, plus star colors, apply button, input fields and active chip styling, and full filter box styling with background, border, radius, shadow and padding. * **Off-canvas with motion.** A trigger button as a font icon, an uploaded image or a hamburger icon, attention animations such as pulse, bounce and swing, panel show and hide animations, and a separate panel width for small screens. * **Sixteen loading animations** or your own image, in place of the three in the free version. * **Custom CSS and JavaScript.** A CSS box per preset, plus JavaScript that runs before and after every filter request. #### Shop Builder * **Design the product card.** Image, badge, category, title, price, rating and buttons, arranged in a full page builder with a device switcher for desktop, tablet and mobile. * **Forty ready made templates.** Start from one and edit it, then pick a grid such as uniform, featured first, repeating highlight, staggered or masonry. * **Images that sell.** Aspect ratio, fit and hover effects, including a fade or slide to the second gallery image. * **Quick view, wishlist and compare.** Open a product in a popup without leaving the results, and add wishlist and compare buttons through YITH or WCBoost. * **Your shop and category pages.** Assign a template to the WooCommerce shop and category pages, with full control over which products show, in what order and how many per page. #### Direct support and updates Pro customers get direct support from us, and updates arrive in the WordPress dashboard once the license key is activated. [See the Pro Demos](https://demo.hashthemes.com/super-woocommerce-product-filter/) | [Compare Free and Pro](https://demo.hashthemes.com/super-woocommerce-product-filter/comparison-free-vs-pro/) | [Get Pro](https://1.envato.market/eK5yrQ) ### Try it before you install Explore a test dashboard to get hands on with every feature. Visit the [Test Dashboard](https://tastewp.com/plugins/super-product-filter/) to open a ready made site with the plugin installed. ### Documentation and Support Step by step [documentation](https://hashthemes.com/documentation/super-woocommerce-product-filter-documentation/) covers every setting, and help is available through the [WordPress.org support forum](https://wordpress.org/support/plugin/super-product-filter/). Found a bug or have an idea? We read every thread. ### Get Started Today! Install Super Product Filter, add a preset, drop the block or shortcode where you want it, and give your shoppers a faster way to find what they came for. ### Premium Upgrade For premium upgrade, please click below link [Super WooCommerce Product Filter](https://1.envato.market/eK5yrQ) | [Premium Demos](https://demo.hashthemes.com/super-woocommerce-product-filter/) ## Screenshots [[ [[ [[ [[ [[ [[ ## Blocks This plugin provides 1 block. * Swpf Product Filter ## Instalacija Go to WordPress Dashboard > Plugins > Add New Search for „Super Product Filter“ and install the plugin Activate the plugin through the ‚Plugins‘ menu in WordPress ## Reviews There are no reviews for this plugin. ## Sobustatkujuce a wuwijarje „Super Product Filter for WooCommerce“ jo software wótwórjonego žrědła. Slědujuce luźe su pśinosowali k toś tomu tykacoju. Sobustatkujuce * [ hashthemes ](https://profiles.wordpress.org/hashthemes/) “Super Product Filter for WooCommerce” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/super-product-filter/contributors) for their contributions. [Translate “Super Product Filter for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/super-product-filter) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/super-product-filter/), check out the [SVN repository](https://plugins.svn.wordpress.org/super-product-filter/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/super-product-filter/) by [RSS](https://plugins.trac.wordpress.org/log/super-product-filter/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.0.2 – 1 Oct, 2026 * Fixed – A custom Products Pagination Div Selector Class was ignored by the pagination links, which only looked for WooCommerce’s own pagination, so themes with pagination markup of their own could not page through filtered results * Fixed – With Theme Compatibility Mode, a page showing pagination or the product list more than once only had the first copy updated, and could have it replaced with the wrong one. Each copy is now updated from its own counterpart on the filtered page, and product carousels from shortcodes or widgets are left untouched * Fixed – Page links are now read from their address, so a theme’s own previous and next arrows work without a marked current page * Added – Font family dropdowns now list each family in the font it names, so a family can be picked by the look of it. Only the part of the list scrolled to is fetched, and standard fonts are drawn without fetching anything #### 2.0.1 – 11 Sep, 2026 * Fixed – Product grids of four columns, or seven and more, kept their desktop widths on phones and small tablets instead of dropping to two across. The grid widths added in 2.0.0 now stop at WooCommerce’s small screen breakpoint, including on themes that move it, such as Astra #### 2.0.0 – 10 Sep, 2026 * Added – A builder screen for filter presets. Editing a preset now opens a purpose built, full page builder instead of the WordPress post editor, and saving happens in place without a page reload * Added – Live typography preview. Every typography group in the design settings shows a sample line that takes on the font, size and spacing as they are changed * Changed – The admin screens have been redesigned, and the choices the pro version adds now sit disabled where they apply, so what the upgrade offers can be seen in place * Fixed – Saving a preset on a shop with many attributes no longer loses the settings at the end of the form. The panels render dozens of fields for every taxonomy, and PHP silently drops everything past its max_input_vars limit, so typography and other design settings came back as defaults after a save that reported success. The builder now sends the settings as a single field, which the limit does not apply to, and the no-script fallback refuses to save a truncated form rather than overwrite settings with defaults * Added – Template overrides. Copy any filter template into yourtheme/super-product- filter/ to change its markup without editing the plugin, the same way WooCommerce templates are overridden * Added – swpf_before_filter_fields, swpf_after_filter_fields, swpf_before_filter_field and swpf_after_filter_field actions, plus swpf_template_folder and swpf_locate_template filters * Fixed – Term counts now take account of the on sale, rating, review and stock filters, so the number beside a term matches what selecting it returns * Fixed – Colour swatches rendered blank, both because the swatch style was stripped before output and because the preview data was passed in a shape the renderer did not read * Added – Option to remove every filter and setting when the plugin is deleted, under Settings. Off by default, so deactivating or reinstalling never loses your filters * Added – Sorting filter, letting shoppers reorder results by price, date, title, popularity or at random * Added – Product search filter for filtering results by keyword * Added – Theme Compatibility Mode. When products look wrong after filtering, the filtered page is requested from the site instead of being rebuilt from WooCommerce’s default templates, so products come back in the theme’s own markup * Added – The product list, result count and pagination are now found automatically, so the three selector settings only need changing when a theme cannot be detected * Added – SEO option to keep filtered views out of search engines, so filter combinations do not create near duplicate pages or eat crawl budget. On for new installs. Existing sites keep their current behaviour until the option is switched on under Settings * Added – swpf_filter_query_keys filter, for registering additional filter query parameters * Security – Settings sanitization hardened. Values without an explicit rule were stored raw and are now sanitized * Security – Filter presets are now restricted to administrators. Please note that Editors and Shop Managers can no longer manage filters * Security – Added a capability check when saving filter settings * Fixed – The side menu scrollbar library was referenced but never loaded, which threw a JavaScript error on every page * Fixed – Removed references to slider theme images that were not shipped, which caused 404 requests on every page * Fixed – A preset naming a preloader this version does not ship no longer produces a PHP warning, and the preloader name can no longer point outside the plugin folder * Fixed – PHP warning when the filter ran with no submitted form data * Fixed – PHP warning about a missing paged value when rendering the filter form * Changed – Icon fonts are now loaded only when a filter preset actually uses them. The plugin bundles five families, and previously loaded all of them on every page. Its own tick, close and spinner icons are drawn inline instead, so a page can now load none at all * Changed – The AJAX response no longer carries a copy of the product query object, which nothing read. Responses are around a third smaller * Added – swpf_preset_icon_families filter, for themes that render filter markup themselves and need an icon font loaded * Changed – Removed the Product Columns and Product Rows settings. They never took effect: the filters they relied on are read by WooCommerce before the filter renders, and simply registering them made WooCommerce hide its own Columns and Rows controls in the Customizer. Set them under Appearance > Customize > WooCommerce > Product Catalog instead. A product list added by a shortcode or page builder continues to use its own columns and limit * Fixed – Filtering no longer changes how many products are shown on pages where a shortcode or page builder sets its own limit. The page size the loop was rendered with is now carried through to the filtered results * Fixed – Filtering a product list rendered by a shortcode or page builder no longer breaks the grid. WooCommerce marks each row’s first and last item from the loop’s column count, and results were being rendered at the preset’s count rather than the one on screen, so the row breaks landed in the wrong places and a three column grid collapsed to two. Results now follow the column count the page is actually showing * Fixed – Added the product grid widths WooCommerce does not ship, so a four column layout no longer collapses to two * Fixed – Elementor widget and shortcode now cast the filter preset id * Fixed – Image import now requires a valid absolute image url * Fixed – A stray „?>“ was printed beside the On Sale entry in the applied filters list * Fixed – The Upgrade To PRO menu entry linked to the demo site rather than the upgrade page * Changed – The stylesheet no longer carries the styling for the pro version’s filter skins, which the free version cannot select, making it around 800 lines lighter * Added – Declared compatibility with WooCommerce High Performance Order Storage. The plugin never reads or writes an order, so the WooCommerce status screen no longer lists it as incompatible #### 1.0.8 – 6 Dec, 2025 * Compatibility test with WordPress version 6.9 #### 1.0.7 – 26 Nov, 2025 * Plugin Check Error fixes #### 1.0.6 – 21 Nov, 2025 * Major Updates #### 1.0.5 – 12 Mar, 2025 * Product ordering bug – fixed * Number sanitization fixed #### 1.0.4 – 4 Feb, 2025 * Category Walker bug fixed for dropdown filter #### 1.0.3 – 11 Sep, 2024 * Filter block minor bug fixed #### 1.0.2 – 3 Sep, 2024 * Added Elementor Module of Filter * Added Elementor Block of Filter #### 1.0.1 – 26 Aug, 2024 * Code Formating * Description on readme.txt file updated #### 1.0 – 25 Aug, 2024 * Release ## Meta * Version **2.0.2** * Last updated **2 tyźenja** * Active installations **50+** * WordPress version ** 6.3 abo nowša ** * Tested up to **7.1.3** * PHP version ** 7.2 abo nowša ** * Languages * [English (US)](https://wordpress.org/plugins/super-product-filter/) a [Ukrainian](https://uk.wordpress.org/plugins/super-product-filter/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/super-product-filter) * Tags * [ajax filter](https://dsb.wordpress.org/plugins/tags/ajax-filter/)[ajax product filter](https://dsb.wordpress.org/plugins/tags/ajax-product-filter/) [product filter](https://dsb.wordpress.org/plugins/tags/product-filter/)[woocommerce ajax filter](https://dsb.wordpress.org/plugins/tags/woocommerce-ajax-filter/) [woocommerce filter](https://dsb.wordpress.org/plugins/tags/woocommerce-filter/) * [Rozšyrjony naglěd](https://dsb.wordpress.org/plugins/super-product-filter/advanced/) ## Pógódnośenja No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/super-product-filter/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/super-product-filter/reviews/) ## Sobustatkujuce * [ hashthemes ](https://profiles.wordpress.org/hashthemes/) ## Pódpěra Rozwězane problemy zajźoneju dweju mjasecowu: 0 z 1 [Forum pomocy pokazaś](https://wordpress.org/support/plugin/super-product-filter/)