This plugin hasn’t been tested with the latest three major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Woocommerce Ajax add to cart for variable products


This plugin activate add to cart through ajax on varible product. By default woocommerce is not having this feature. Plugin is adding own jquery which is differ from woocommerce default add to cart jquery for simple product.


  1. Upload woocommerce-ajax-add-to-cart-variable-products to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress


How this plugin work?

This plugin add new javascript file in your theme footer, which gets required data from the page when you click on add to cart button on varible product page and sent it to php ajax function of plugin.

Is this plugin work with my theme?

Yes this plugin will work with most themes. Just make sure you didn’t removed any css classes from add to cart button from variable product template.

Is this plugin only add functionality on single page or archive page or category page

This plugin activate ajax functionality everywhere. So like is it a single page, category page, archive page or even sidebar with shortcode, where ever it gets varible product, it will work with ajax functionality.


15 May 2020
If you have plugins adding fields on the variation form, they will not be saved in the cart.. The js is not generic at all and only selects specific fields rather than serializing the form and sending it, resulting in data loss It is also using $product->id rather than $product->get_id() which has been deprecated by WC and will throw you a nice warning It is using echo json_encode(...); die; rather than wp_send_json(...) Hint, what you want in the js side is this : var data = { action: 'woocommerce_add_to_cart_variable_rc', }; $variation_form.serializeArray().map(function (attr) { if ( !== 'add-to-cart') data[] = attr.value; }); Instead of this var data = { action: 'woocommerce_add_to_cart_variable_rc', product_id: product_id, quantity: quantity, variation_id: var_id, variation: item };
14 February 2020
this way I can put an add to cart button on my shop/taxonomy archive page without redirect user to variable product page. thank you so much!!
Read all 35 reviews

Contributors & Developers

“Woocommerce Ajax add to cart for variable products” is open source software. The following people have contributed to this plugin.

Change log


  • Fixed – Issue with sometheme ajax not working for single product when plugin activated


  • Fixed – Updated code for getting product_type as per new woocommerce methods
  • Fixed – Added stripslash to data. so now variation with slash work. : SpabRice
  • Fixed – Set Cookies for current cart and old cart items. : unicco


  • Fixed – Simple product ajax works with plugin now.


  • Added support for woocommerce lightbox plugin
  • Js updated to work with most of the theme now


  • Network Activation Added – Suggested by User lucastello
  • Redirect to cart page if option selected in woocommerce setting


  • Jquery Refined with latest woocommerce version.
  • Backward compability for swatches and hidden input variations


  • Updated Jquery to work with Radio button plugins. : mantish – WC Variations Radio Buttons – 8manos


  • Updated Jquery issue reported by user. : david127, nonverbla
  • Js Improvement suggested by user, now it will work with multiple tye of variations. : Igor Jerosimic
  • Removed AddtocartAjax localize script which was not in use.
  • Supports Latest Woocommerce and wordpress.


  • Updated Jquery, so it works properly with IE10 / IE11


  • jquery updated. so if no variation selected, user will get error to select variable.


  • Minor fix for setting tab issue


  • Added Selection in woocommerce product tab wc ajax variable product setting for variation selection need on category / shop page or not.
  • Added Strip Html security fix. / Thanks – Michal for pointing out this security bug
  • Added support for other variable swatches and color box selection plugin / Thanks – Mycreativeway for updated jquery code


  • Added Ob_start() starting of hooks so it works perfect on chrome and Firefox. / Thanks – Michal for mail on it.


  • Functions updated to work with minicart widget.
  • Now Default cart widget of woocommerce will also update same time with adding to cart.


  • Updated the Function in which Cart Fragments was not updating in Chrome. Will work on all browser now without issue.


  • Updated function as ajax was not working for guest users. / – Thanks – sharpe89 to pointing issue.


  • Bug Fix to not load js file after activation
  • Remove files which not required from plugin


  • Dirctly works after activation.
  • No any setting page.