Using Ajax with WooCommerce Products in Avada

Last Update: April 14, 2026

With Avada 7.15 and up, there are some new Global Options that you can chose with regard the use of AJAX and WooCommerce products. Let’s have a look at them. You will find them in Options > WooCommerce > General WooCommerce.

  • WooCommerce AJAX Product Filters – Set to one of the AJAX options to enable WooCommerce product filters without page reload. Options are No, AJAX On Submit, and AJAX On Change.

  • WooCommerce AJAX Category Navigation – Turn on to enable AJAX navigation when using the WooCommerce Category Filter element. Options are Yes, and No.

  • WooCommerce AJAX Product Sorting – Turn on to use AJAX loading on the WooCommerce product sorting. Options are Yes, and No.

  • WooCommerce Single Product Ajax Add to Cart – Turn on to enable single product ajax Add to Cart. Options are Yes, and No.

For privacy reasons YouTube needs your permission to be loaded.

WooCommerce AJAX Product Filters

No is the default, but if you want to enable AJAX on your WooCommerce product filtering you have two options: AJAX on Submit and AJAX on Change.

  • AJAX on Submit – this works best when you want your users to make multiple selections and then filter all at once. This is good for when users are making deliberate, multi-step decisions. To use this mode, you must also add a button for submission with the Filter Elements, which allows for submission via a dynamic data option in the Button URL field called Submit Ajax Filter.

  • AJAX on Change – this means that as soon as a user makes a filtering selection, the products are filtered via AJAX, and the available filters are updated. It works well when users are browsing, refining, and discovering. Each filter change is incremental and reversible.

WooCommerce AJAX Category Navigation

This sets the AJAX navigation mode when using the WooCommerce Category Filter element. By default, the option is set to OFF. Let’s look at all three options.

  • Off – with this option selected, the page redirects to the product category page when it is selected in the filter element. The disadvantage of this is that if previous filtering has taken place, it will be lost when filtering to a category. The advantage is that canonical links are not broken, and if the same filter elements exist on the category archive pages, then filtering can take place there in the same manner as on the shop page. This is WooCommerce default behavior.

  • Change Page After AJAX – when filtering to Categories, the AJAX request will load the corresponding category page without page change, and add query vars to the url to handle filtering”. So, for example, if you are on the /shop page and filter to Menswear, the products filter to menswear using AJAX on the shop page, and as they are loaded, the page reloads to /product-category/menswear/. This ensures canonical links are not broken.

  • Filter on Page – with this option chosen, the products use AJAX and filter on the page without the page reloading, so that it stays on the /shop page and instead adds query args to the url such as ?/product_cat=menswear. This means that all filtering can occur on the one page (shop) instead of the user being redirected to a category page when filtering.

WooCommerce AJAX Product Sorting

You can also enable AJAX, for use with the Woo Sorting Element. All changes made to sorting happen faster with AJAX enabed, as the page does not have to reload.

WooCommerce Single Product AJAX Add To Cart

This option has been around for some time, and enables a user simply to add a single product to the cart, via AJAX. A loader is seen on the Add to Cart button when clicked and the product is added to the cart.

In this article