Advanced AJAX Product Filters

Advanced AJAX Product Filters | BeRocket

Description

WooCommerce AJAX Product Filters – Advanced product filtering ability for your WooCommerce shop. Add unlimited filters with one widget.

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

Plugin Links:

Paid Plugin
Demo
Demo Description

🍬 Wanna try admin side?

Admin Demo – Get access to this plugin’s admin and try it from inside. Change things and watch how they work.

Premium plugin video





we don’t have video with free plugin right now but we are working on it

Compatibility with WooCommerce plugins

Advanced AJAX Product Filters has been tested and compatibility is certain with the following WooCommerce plugins that you can add to your site:

🔸 Advanced Product Labels for WooCommerce
🔸 Load More Products for WooCommerce
🔸 Brands for WooCommerce
🔸 Grid/List View for WooCommerce
🔸 Product Preview for WooCommerce
🔸 Products Compare for WooCommerce
🔸 Wishlist and Waitlist for WooCommerce

Shortcode:

  • 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 =)

Plugin author

BeRocket

Plugin official website address

https://wordpress.org/plugins/woocommerce-ajax-filters/
If you encounter problems in using the Advanced AJAX Product Filters plugin, you can comment below, and I will try my best to help you solve the problem

Leave a Comment

Your email address will not be published. Required fields are marked *