WooCommerce AJAX Product Filters - Advanced product filtering ability for your WooCommerce shop. Add unlimited filters with one widget.
WooCommerce AJAX Product Filters – Advanced product filtering ability for your WooCommerce shop. Add unlimited filters with one widget.
New Feature in version 1.6.3
✅ Filter by Post Meta (Custom meta field)
New Feature in version 1.5
✅ New styles for filters: Checkbox, Select, Slider, Color, Image ✅ New slider styles ✅ New buttons styles ✅ Selected filters area horizontal styles ✅ Single selection for check ✅ Select and Select2 can be displayed on same time ✅ Collapse widget option with different settings ✅ Less JavaScript and HTML code for same result. ✅ More compatibility with themes and plugins ✅ Better compatibility with Divi Builder, Beaver Builder, Elementor Builder ✅ Relevanssi compatibility ✅ More ways to customize filters and add additional functionality ✅ Option to set how hierarchical attribute must be displayed ✅ Separate admin title and frontend title ✅ Back button in browser on AJAX ✅ All JavaScript in one minified file ✅ All CSS Styles in one minified file ✅ Checked style for image element style
Features:
✅ AJAX Filters, Pagination and Sorting! ✅ Filter by Price ✅ Filter by Product Category ✅ Filter by Attribute ✅ Unlimited Filters ✅ Multiple User Interface Elements ✅ Great support for custom/premium themes ✅ SEO Friendly Urls ( with HTML5 PushState ) ✅ Filter Visibility By Product Category And Globals. ✅ Accessible through shortcode ✅ Filter box height limit with scroll themes ✅ Working great with custom widget area ✅ Drag and Drop Filter Building ✅ Select2 for dropdown menu ✅ And More…
Additional Features in Paid Plugin:
✅ Filter by Custom Taxonomy, Price ranges, Sale status, Sub-categories, Date and Availability( in stock | out of stock | any ) ✅ Nice URLs for SEO Friendly URLs ✅ Slider can use strings as a value ✅ Price as checkbox with min and max values ✅ Enhancements of the free features ✅ Show amount of products before update with “Update button” widget ✅ Search box widget ✅ Cache for Widgets ✅ Display only selected attribute values or hide selected attribute values
In editor [br_filters attribute=price type=slider title="Price Filter"]
In PHP do_shortcode('[br_filters attribute=price type=slider title="Price Filter"]');
Shortcode Options:
attribute(required) – product attribute, eg price or length. Don’t forget that woocommerce adding pa_ suffix for created attributes. So if you create new attribute jump its name is pa_jump
type(required) – checkbox, radio, slider or select
operator – OR or AND
title – whatever you want to see as title. Can be empty
product_cat – parent category id
cat_propagation – should we propagate this filter to child categories? set 1 to turn this on
height – max filter box height. When height is met scroll will be added
scroll_theme – pretty clear name, scroll theme. Will be used if height is set and real height of box is more
Advanced Settings (Widget area):
Product Category – if you want to pin your filter to category of the product this is good place to do it. Eg. You selling Phones and Cases for them. If user choose Category “Phones” filter “Have Wi-Fi” will appear but if user will choose “Cases” it will not be there as Admin set that “Have Wi-Fi” filter will be visible only on “Phones” category.
Filter Box Height – if your filter have too much options it is nice to limit height of the filter to not prolong the page too much. Scroll will appear.
Scroll theme – if “Filter Box Height” is set and box length is more than “Filter Box Height” scroll appear and how it looks depends on the theme you choose.
Advanced Settings (Plugin Settings):
Plugin settings can be found in admin area, WooCommerce -> Product Filters
“No Products” message – Text that will be shown if no products found
“No Products” class – Add class and use it to style “No Products” box
Products selector – Selector for tag that is holding products
Sorting control – Take control over WooCommerce’s sorting selectbox
SEO friendly urls – url will be changed when filter is selected/changed
Turn all filters off – If you want to hide filters without losing current configuration just turn them off
Installation
Step 1:
First you need to add attributes to the products ( WooCommerce plugin should be installed and activated already )
Go to Admin area -> Products -> Attributes and add attributes your products will have, add them all
Click attribute’s name where type is select and add values to it. Predefine product options
Go to your products and add attributes to each of them
Step 2:
Install and activate plugin
First of all go to Admin area -> WooCommerce -> Product Filter and check what global options you can manage
After that go to Admin area -> Appearance -> Widgets
In Available Widgets ( left side of the screen ) find AJAX Product Filters
Drag it to Sidebar you choose
Enter title, choose attribute that will be used for filtering products, choose filter type, choose operator( whether product should have all selected values (AND) or one of them (OR) ),
Click save and go to your shop to check how it work.
That’s it =)
FAQ
Is it compatible with all WordPress themes?
Compatibility with all themes is impossible, because they are too many, but generally if themes are developed according to WordPress and WooCommerce guidelines, BeRocket plugins are compatible with them.
How can I get support if my WooCommerce plugin is not working?
If you have problems with our plugins or something is not working as it should, first follow this preliminary steps:
Test the plugin with a WordPress default theme, to be sure that the error is not caused by the theme you are currently using.
Deactivate all plugins you are using and check if the problem is still occurring.
Ensure that your plugin version, your theme version and your WordPress and WooCommerce version (if required) are updated and that the problem you are experiencing has not already been solved in a later plugin update.
If none of the previous listed actions helps you solve the problem, then, submit a ticket in the forum and describe your problem accurately, specify WordPress and WooCommerce versions you are using and any other information that might help us solve your problem as quickly as possible. Thanks!
How can I get more features for my WooCommerce plugin?
You can get more features with the premium version of Advanced AJAX Product Filters, available on BeRocket page. Here you can read more about the premium features of the plugin and make it give it its best shot!
How can I try the full-featured plugin?
You can try this plugin’s admin side here. Configure plugin the way you need to check the results.
Changelog
1.6.4.6
Enhancement – Message that attribute do not have values
Enhancement – Bottom position for price new slider
Enhancement – New Selected Filters Area template
Fix – Some UX texts
Fix – Addon filters settings
Fix – Trailing slash for canonical
Fix – Link changes
Fix – Template for price
Fix – Additional tables generation for variations
1.6.4.5
Enhancement – Add-on Filter Additional Settings
Enhancement – Option to replace categories shortcode with products
Fix – Divi module styles
Fix – Pagination with incorrect selectors
Fix – MariaDB 10.4 compatibility for database update
1.6.4.4
Enhancement – WooCommerce High-Performance Order Storage support enable
1.6.4.3
Fix – Link like WooCommerce add-on with slider
1.6.4.2
Enhancement – New Divi module functionality
Fix – Pagination replace with translation
Fix – Price range on search page and some other pages
Fix – Link like WooCommerce add-on
Fix – Compatibility with WooCommerce 7.8
Fix – Primary key for tables in plugin
1.6.4.1
Fix – Divi Module for group do not display filters
1.6.4
Enhancement – Divi Modules with more options
Fix – Additional table generation for some database
Fix – Price Range filtering
Fix – Error filters do not exist
Fix – Divi Module preview styles
1.6.3.4
Enhancement – Additional tables generation to not change collation
Enhancement – Additional tables check is tables exist
Enhancement – Category condition in Filters ans Groups
Fix – Replace widget with limitation by Categories
1.3
Enhancement – New admin settings design
Enhancement – New filters post type and group with filters
Enhancement – Possibility to filter WooCommerce shortcode
Enhancement – Display filters on any pages(filters will work only on pages with products)
Enhancement – Condition to select pages where filters/groups must be displayed
Enhancement – Option to hide filters on mobile, tablet or desktop
Enhancement – Filter by Product Tags
Enhancement – Better work with variations
Enhancement – Select2 for dropdown menu
Enhancement – Hierarchical category tree
Enhancement – Color and image type of filters
Enhancement – SEO Title, Description and Header with added filters
Enhancement – Customization for text, checkbox, radio, slider and other elements
Enhancement – Selected Filters Area
Enhancement – Description can be added to the filter
Enhancement – Reset button widget
Enhancement – Filters can be collapsed by clicking on title, option to collapse filter on start
Enhancement – Price Filter Custom Min and Max values
Enhancement – Add custom CSS on admin settings page
Enhancement – Show icons before/after widget title and/or before/after values
Enhancement – More functionality and Enhancements
Fix – A lot of fixes from paid version
1.2.8
Fix – Subscribe
Fix – Feature request send
1.2.7
Enhancement – Auto-selectors has “Stop” button
Enhancement – Feature request box
Enhancement – Feedback box
Fix – Reset button
1.2.6
Upgrade – better plugin menu items location
Upgrade – Categories filter
Upgrade – Reset filters button
Upgrade – Values order
Upgrade – Custom CSS
Upgrade – Option to hide widget on mobile
1.2.5
Enhancement – Product categories filtering
Enhancement – Select2 script for dropdown menu in filters
Enhancement – Option to use GET request instead POST request(for better compatibility with some caching)
Enhancement – Setup Wizard
Enhancement – Auto selectors
Fix – Displaying categories and subcategories
Fix – Compatibility with new version of Load More plugin
Fix – Other fixes
1.2.4
Upgrade – WordPress 4.9 compatibility
1.2.3
Upgrade – more useful subscribe
Fix – updater fix
1.2.2
Upgrade – Font Awesome
Upgrade – New admin notices
1.2.1
Upgrade – Option to subscribe
Upgrade – Better advertisement
1.2.0
Premium Feature – best support for the themes moved from premium version of the plugin. If you have any issues ith theme update and set Template ajax load fix to jQuery
Enhancement – No Products message
Enhancement – No Products class
Enhancement – Count Results holder
Enhancement – Pagination holder
Fix – no errors if terms found
Fix – remove notices
1.1.8.1
Fix – WooCommerce 3.0.1 issues
Fix – Premium plugin link on settings page.
1.1.8
Fix – Better compatibility with WPML
1.1.7
Fix – Remove notices on PHP 7 and newer
Fix – Fix fo Currency Exchange plugin
Fix – Styles for admin panel
Fix – Remove sliders from all filters
1.1.7
Fix – Remove notices on PHP 7 and newer
Fix – Fix fo Currency Exchange plugin
Fix – Styles for admin panel
Fix – Remove sliders from all filters
1.1.6
Fix – Price for currency exchange
Fix – Optimization for price widget
Fix – Custom JavaScript errors
1.1.5
Fix – Shortcode doesn’t work
Fix – Optimization for price filters
Fix – Filters work incorrect on search page
Fix – Some strings is not translated with WPML
Fix – Optimization for hiding attribute values without products
1.1.4
Enhancement – Russian translation
Fix – Translation
Fix – Network activation
Fix – Displaying of filter with price
Fix – Get normal min/max prices for filter with price
Fix – Widgets displays incorrect with some themes
Fix – Not filtering with some plugins
Fix – Scrollbar displays incorrect with some themes
1.1.3
Enhancement – load only products from last AJAX request
Enhancement – Uses HTML for widgets from theme
Enhancement/Fix – Attributes page support
Fix – Hash links didn’t works with plugin
Fix – Widgets don’t display on page with latest version of WooCommerce
Fix – Remove PHP errors
1.1.0.7
Enhancement – Option to hide selected values and/or without products. Add at the bottom button to show them
Enhancement – Filters are using product variations now
Enhancement – translation( WPML ) support
Enhancement/Fix – radio-box had issues and there was no chance to remove selection
Fix – Pagination has issues with link building
Fix – Jump to first page wasn’t working correctly and jump each time even when user want to change page
1.1.0.6
Enhancement – Scroll to the top
Enhancement/Fix – Hash for old browsers added for better support
Enhancement/Fix – Sort by default WooCommerce value
Fix – out-of-stock filter working correctly
1.1.0.5
Enhancement – Option to add text before and after price input fields
Enhancement – Jump to first page when filter changed
Fix – Now only used values must be shown, not all
Fix – Products are limited by category we are in
Fix – Products amount on the first page is correct now
1.1.0.4
Minor fix
1.1.0.3
Enhancement – Custom CSS class can be added per widget/filter
Enhancement – Update button. If added products will be updated only when user click Update button
Enhancement – Radio-box can be unselected by clicking it again
Enhancement/Fix – Urls are shortened using better structure to save filters. ~ symbol is not used now
Fix – issue with shortened tags for shortcode.
Fix – on widgets page widget now has subcategories(hierarchy)