I would to like modify the WooCommerce "Add to cart" button behavior as follows:

1. When the "Add to cart" button is clicked, the selected item is added to the cart and the button changes to a quantity increment selector with plus/minus buttons. (There should be no "View cart" button, either.)
2. The quantity in the cart can then be increased or decreased by clicking the plus/minus buttons on the quantity selector.
3. If the quantity is reduced down to zero, the quantity increment button reverts backs to the "Add to cart" button.

All these actions should take place without reloading the page. I would ideally like to apply this to all areas of the shop (shop archive pages, product pages, quick view modal windows, cart), however if this is not possible then just on the shop page is fine.

I have tried to use Themes.Zone's WooCommerce Ajax Quantity plugin, but cannot seem to get it to work on my site... shame, because it's exactly what I'm looking for!

Please refer to the resources below for examples of the ideal finished product:

Click here for screenshots

Click here to see a working example on The Happy Apple's website

Click here to see a working example on Woolworths' website

Any help would be much appreciated! I am super new to the web dev game so writing the code myself is totally unrealistic!! >D< Thank you in advance!