Php 添加一个微调器以添加到购物篮，并将订单按钮放置在购物篮中

我在产品上使用上传选项，并希望在最终结账页面的“添加到购物篮”按钮和“下订单”按钮上显示微调器。 下面的代码是针对微调器的，但我不确定使用哪个类或如何触发它（PHP或jQuery）

以下是示例主题：

下面是按钮的HTML代码

/* Checkout Button */
<button type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="Place order" data-value="Place order">Place order</button>

/* Add to basket Button */
<button type="submit" name="add-to-cart" value="15" class="single_add_to_cart_button button alt">Add to basket</button>

/*签出按钮*/
下单
/*添加到篮子按钮*/
加入篮子

---

或者甚至使用令人敬畏的字体，而不是托管gif？轻微的问题是，它需要在实际添加到购物车时触发，而不是在单击时触发，并且可能没有填写选项。

最好的解决方案是在适当的时候停止微调器。由于我对WooCommerce不是很有经验，以下解决方案可能会对您有所帮助：

$（'.button'）。在（'click'，（）=>{
$（'.loading'）.show（）；
设置超时（（）=>{
$（'.loading'）.hide（）；
}，1000）；//1秒后停止旋转器
})

。正在加载{
高度：3em；
宽度：3em；
位置：绝对位置；
最高：50%；
左：50%；
左边距：-.5em；
边缘顶部：-.5em；
显示：无；
内容：“；
-webkit动画：无；
-moz动画：无；
动画：无；
背景：url（'https://loading.io/spinners/spin/lg.ajax-spinner-gif.gif""中",；
背景尺寸：封面；
线高：1；
文本对齐：居中；
字号：2em；
}

/*签出按钮*/
下单
/*添加到篮子按钮*/
加入篮子

您是通过

标记提交此表单，还是通过AJAX等功能提交此表单？这可能是需要的PHP解决方案。如果您按Add to basket，但某些字段尚未选定，则即使未提交，也会显示微调器。参见这里的示例

/* Checkout Button */
<button type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="Place order" data-value="Place order">Place order</button>

/* Add to basket Button */
<button type="submit" name="add-to-cart" value="15" class="single_add_to_cart_button button alt">Add to basket</button>