WooCommerce Ajax Product Filter - is a plugin that allows you to filter your products easily by categories, attributes, prices. Your can sort products, navigate to next and previous pages without reloading the page.
Features:
- Multiple category product filters with ajax
- Multiple attributes product filters with ajax
- Filter product with price slider and list
- Sorting products via Ajax
- Fastest easy product filtering
- SEO friendly url (HTML5 pushstate)
- Compatible with woocommerce currency switcher plugin
- Recount products after filtering
- Show active filters and remove active filters
- Ajax pagination
- Two type of display type, list and dropdown
- Choose filter type, single or multiple
- Enable hierarchy both for category and attribute filters
- Fully customizable
- Minimal design but could be instantly made modern
- Works with caching plugins and all majority of themes
- Easy to modify the CSS to better fit your theme style
- Easy enable and disable plugin
- Developer friendly - Useful filter is included! So you can use it in your themes</li
== 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 =)
== Frequently Asked Questions ==
Can I add custom scripts to load after updating shop loop?
Yes, you can. Go to settings page. You will see a text field to put your custom scripts.
Can I change the overlay background color?
Yes, you can. Go to settings page. You will see a text field to chage the overlay background color.