WooCommerce Shop页面：添加到购物车按钮的数量输入

Question

我将Divi主题与WooCommerce插件结合使用。在商店页面中，我希望直接在添加到购物车按钮上进行数量调整。

My web site

目前，您必须点击产品才能进入单一产品页面，然后才能添加到购物车中。

我试图找出产生产品清单的原因，以便我可以对其进行修改，但正如您可能猜到的那样，我对此非常陌生。

如何将该功能添加到商店页面产品？

Answer 1

建议：最好使用子主题，以避免丢失主题更新时您将要执行的更改。所以我假设你现在将使用一个儿童主题。

签入WooCommerce＆gt;设置＆gt;产品（标签）＆gt;显示您已正确设置所需行为的（子标签）：

在此有效的子主题中，您会找到 function.php 文件。如果没有，您将从父主题中删除它，删除内部的所有代码，但开头的 <?php 标记（如果存在）除外 {{1}最后（如果存在）。。

完成后，您将使用 ?> 过滤器挂钩将数量添加到“添加到购物车”按钮（对于简单产品）。您将此代码段粘贴到其中：

woocommerce_loop_add_to_cart_link

您还可以自定义此代码以更好地满足您的需求......

参考：Override loop template and show quantities next to add to cart buttons

Answer 2

Woocommerce文档有很好的感觉。最近他们升级到WP JSON API与2.6版本的集成。你有两个选择。

1）通过api电话订购
2）通过

制作和ajax请求轻松改变数量

http://domain.com/?add-to-cart=Product-Id&variation_id=136&quantity=2

示例：

http://domain.com/?add-to-cart=97&variation_id=136&attribute_pa_sizes=xl

如果您没有任何变体或选项，可以通过

轻松完成

http://domain.com/?add-to-cart=Id&&quantity=Qty

Answer 3

所以我最终做的是将单页添加到购物车操作添加到商店页面循环的挂钩中，如下所示：

add_action('woocommerce_after_shop_loop_item',
           'woocommerce_template_single_add_to_cart', 30);

感谢。