shopify 购物车更改事件 - javascript

Question

是否有在 shopify 购物车更改时触发的事件。我可以每 x 秒刷新一次购物车，看看是否有什么变化，但基于事件的方法总是更好。

Answer 1

没有一站式“购物”（嘿嘿）的方式来做到这一点，但它可以做到。

在 Shopify 中，通过常规 HTML 表单 POST 到“/cart/add”或通过 Ajax 将商品添加到购物车，因此从广义上讲，您需要将两者都考虑在内。此外，在使用 Ajax 主题时，开发人员可以使用Shopify Ajax API或直接进行 Ajax POST。

在第一种情况下，您可以做的是在页面加载时向表单添加提交处理程序，以便您能够在添加项目之前获取 POST 事件。

在第二种情况下，通过 Javascript 包装器 API 使用 Ajax，您可以定义一个函数，当购物车更改时 Shopify 将调用该函数。例如，假设你定义了这个函数：

Shopify.onCartUpdate = function(cart) {
  alert('There are now ' + cart.item_count + ' items in the cart.');
};  

将商品添加到购物车后，Ajax API 将调用它。您可以查看API 沙箱以了解它。

最后是直接使用 Ajax 的情况。这与这个 SO question和那里接受的答案相同，他们在那里使用 XMLHTTPRequest 原型方法对我来说看起来很不错。如果您乐于使用 jQuery，那么使用ajaxComplete会使它变得更加简单。