If you want to use a WooCommerce Ajax Filters plugin, Uncode offers basic compatibility with the free version of the YITH WooCommerce Ajax Product Filter plugin. With YITH WooCommerce Ajax Product Filter you can simplify products search in your shop. Thanks to the Widgets you can easily set up search filters and allow users to consult quickly your products by having access in a few seconds to the screen showing only those products they are interested in.

• YITH WooCommerce Ajax Product Filter Documentation

Settings

To set the plugin, use these values in the plugin configuration settings:

• Product Container: .isotope-container
• Shop Pagination Container: .pagination
• Result Count Container: .woocommerce-result-count
• Scroll up to top anchor: .isotope-system

JavaScript trigger

To make the plugin work properly, please use this JavaScript code into your Child Theme or in the Theme Options → Utility → CSS & JS → JavaScript:

(function( $ ) {
  $(document).on('yith-wcan-ajax-filtered',function(){
    UNCODE.isotopeLayout();
  });
})(jQuery);

Notes

• Archive and Category pages. The plugin works only in WooCommerce archive pages. By inserting Widgets on different pages you won’t achieve any result.
• Page Builder. The WooCommerce Ajax Filters plugin does not generate any Page Builder module: this is designed to be a Widget. If you need to use it through the Page Builder, you must first create a dedicated Sidebar and use it through the Widgetised Sidebar module of the Page Builder.
• Pagination. The YITH WooCommerce Ajax Filter only works with the default WooCommerce Pagination that in Uncode is actionable when the option Theme Options → Products → Content → Remove Pagination is set to Off (it cannot be combined with the Ajax Pagination of the Posts module).