javascript - WooCommerce - 使用 add_to_cart 后显示更新的迷你购物车小部件以及更新的购物车内容/总计

Question

我们正在对 WooCommerce 进行一些自定义更改。

我们正在成功调用:

WC()->cart->add_to_cart($PRODUCT_ID)

当我们点击购物车图标时，产品就会出现在购物车中。

但是，我不知道如何在前端自动触发当您使用常规产品页面上的常规“添加到购物车”按钮时出现的小型迷你购物车小部件。

我还需要进行哪些其他调用才能实现与您将常规商品添加到购物车时相同的前端行为。

基本上，我只想向用户显示该商品已成功添加到购物车。它应该显示该商品已添加到购物车的消息，并在右上角更新购物车总计。

非常感谢任何帮助。

谢谢。

Answer 1

因此，您正在通过自定义代码将产品添加到购物车，并希望同时更新迷你购物车。因此，您必须在某个 ajax 事件上将产品添加到购物车，然后显示消息。您所要做的就是使用 woocommerce 的 wc_get_template 函数并加载 mini-cart.php 模板并将此模板 html 返回到您的 ajax 请求，一旦 ajax 成功，就会将此 html 输出到迷你购物车容器中。它还将更新数量和小计。