Solved: Add To Cart Missing for Variable Products in WooCommerce

After updating a theme (I was using The Retailer) and WordPress (to 4.1) I was missing the add-to-cart button in WordPress / WooCommerce webstore for variable products (products with variations). 


First, what I tried to get the add-to-cart button back to working:

- change the template (to see if it's the template's fault)

- turn all plugins off and on again to see if any plugins are conflicting

- see in the CSS - the button area has a display: none set to it, when changing CSS to visible, add to cart button appears but after adding to cart got a "Please choose product options"

- create a new simple product - the add to cart button was present!

- see the debugger in Firefox returning a error 404 to jquery.cookie.min.js 

error 404 cookie



Here is how I solved the missing add-to-cart button problem

1. Download and install a plugin called WooCommerce jQuery Cookie Fix from WooThemes.

It seems that you are a good person and updated all your software, but the server-side configuration that you probably cannot touch needs to be updated too. But this plugin will solve your add-to-cart button easily. 


Spent 2 hours figuring this out. Hope this helps!


About me

Iinstructor of robotics (LEGO Mindstorms), computer teacher, IT support, web dev, currently studying cyber-physical systems engineering.

If you found a solution here, would you consider donating $25,000 for my next project?

Just kidding, 1$ would do fine.

Hope you found what you needed. Thanks for stepping by.