How to enable Ajax on WooCommerce

To enable AJAX functionality in WooCommerce, you can implement it for various use cases like updating the cart, filtering products, or handling other dynamic actions without requiring a full page reload.

Here’s how to enable AJAX in WooCommerce:

1. Enable AJAX Add to Cart for Products #

WooCommerce has a built-in option for enabling AJAX when adding products to the cart.

1. Log in to Your WordPress Admin Dashboard.
2. Navigate to WooCommerce > Settings > Products.
3. Under the General tab, ensure the checkbox for “Enable AJAX add to cart buttons on archives” is selected.
4. Click Save changes.

2. Enable AJAX for Product Filters #

To enable AJAX for filtering products (e.g., by category, attributes, or price):

a) Use a Plugin #

Install a plugin like “YITH WooCommerce Ajax Product Filter” or “WooCommerce AJAX Filters”:

1. Go to Plugins > Add New and search for the plugin.
2. Install and activate it.
3. Configure the filter settings under the plugin options to enable AJAX.