使用ajax更新Shopify购物车而不刷新页面

时间:2017-02-26 18:08:11

标签: javascript jquery ajax shopify

我正在使用Ajax更改用户Shopify购物车,购物车正在成功更改,但为了显示更新的购物车,用户必须刷新页面。我希望在不刷新的情况下显示购物车更改。

我使用ajax api就好了,我可以添加和删除项目:

ftype

这些工作很棒,但是他们需要用户重新加载页面才能看到购物车中的新/更改的商品。您是否知道在没有页面重新加载的情况下显示更新的购物车的方法?

所以每个人都有完整的图片,这是我的代码:

Shopify.addItem();
Shopify.removeItem();

2 个答案:

答案 0 :(得分:2)

对购物车页面/cart进行ajax调用,获取所需元素并将其替换为当前页面。

在第一个$.each功能之后添加上述代码。

答案 1 :(得分:2)

您可以使用shopify ajax购物车,插入或更新后调用GET操作:
using-ajax-api#get-cart