如何使 WooCommerce“添加到购物车”按钮在单击时切换为数量增量按钮？

Question

我想修改 WooCommerce“添加到购物车”按钮行为，如下所示：

1. 单击“添加到购物车”按钮时，所选商品将添加到购物车，并且该按钮将更改为带有加号/减号按钮的数量增量选择器。（也不应该有“查看购物车”按钮。）
2. 然后可以通过单击数量选择器上的加/减按钮来增加或减少购物车中的数量。
3. 如果数量减少到零，数量增加按钮将恢复为“添加到购物车”按钮。

所有这些操作都应该在不重新加载页面的情况下进行。理想情况下，我希望将其应用于商店的所有区域（商店存档页面、产品页面、快速查看模式窗口、购物车），但是如果这是不可能的，那么仅在商店页面上就可以了。

我曾尝试使用Themes.Zone 的 WooCommerce Ajax Quantity插件，但似乎无法让它在我的网站上工作...遗憾，因为这正是我正在寻找的！

请参阅以下资源，了解理想成品的示例：

单击此处查看屏幕截图

单击此处查看 Happy Apple 网站上的工作示例

单击此处查看 Woolworths 网站上的工作示例

任何帮助将非常感激！我对网络开发游戏非常陌生，所以自己编写代码是完全不现实的！>D< 提前谢谢您！