Woocommerce - 模板上的添加到购物车按钮答案

【问题标题】：Woocommerce - Add to cart button on templateWoocommerce - 模板上的添加到购物车按钮
【发布时间】：2016-09-13 11:08:23
【问题描述】：

我正在为我的 wordpress 网站编写模板。

模板循环遍历 woocommerce 产品并打印出一些信息（图片、描述、价格等）

我面临的问题是“添加到购物车”按钮。

这是我的代码：

<a href="/cart/?add-to-cart=<?php echo $loop->post->ID; ?>" rel="nofollow" data-product-id="<?php echo $loop->post->ID; ?>" class="btn btn-primary">Add to cart</a>

并且我试图在单击按钮后不重定向。

我已经有了：

在档案中启用 AJAX 添加到购物车按钮

勾选为选项，但我找不到在单击按钮后如何不重定向。

感谢您的帮助

【问题讨论】：

标签： wordpress woocommerce

【解决方案1】：

在add-to-cart.js 中，事件绑定到具有add_to_cart_button 和ajax_add_to_cart 类和data-product_id 属性的按钮。

【讨论】：

我需要这两个类，还是因为我只需要 ajax 方法我只能使用 ajax_add_to_cart？
两者都需要。查看源代码以了解 Ajax 购物车的工作原理：github.com/woothemes/woocommerce/blob/master/assets/js/frontend/…。
在 js 文件之后，如果按钮有 .add_to_cart_button （它有）并且有产品 id attr，它应该添加一个类，但它没有......按钮看起来像这样：
您认为上述解决方案可以通过 AJAX 工作吗？
@somethingnow 我提到的解决方案是通过 AJAX，你在说什么？

【解决方案2】：

您的 href 是 "/cart/?add-to-cart=<?php echo $loop->post->ID; ?>"，这基本上表明您重定向到购物车页面并将产品添加到购物车。

试试这个href="?add-to-cart=<?php echo $loop->post->ID; ?>"，它应该让你在同一个页面上。

【讨论】：

就是这么简单。谢谢。