Question

我试图在这里展示购物车： https://www.chubbiesshorts.com/

具体来说，我试图找出AJAX购物车。我的目标是能够允许客户添加/减去/手动输入数量并让它实时更新购物车（不重新加载页面）。

我已经能够构建除该功能之外的所有内容。我究竟需要学习什么来实现这一目标？我愿意自己测试，学习和完成这项工作。我真的不知道从哪里开始。

显然，Shopify有一个AJAX cart API，我建立了我的商店的主题，已经启用了AJAX购物车。

我想这只是意味着我需要学习如何调用这些函数并执行它们。

Answer 1

AJAX Cart API页面链接到一个实验室页面，该页面链接到当前的api.jquery.js，这是一些主题基于他们的购物车更新。

如果您将该文件放入编辑器并对其进行格式化，您会发现它的读取效果非常好。您还可以使用Chrome的开发者工具查看并打印文件。

不幸的是，这不是基于事件的api，所以如果你重写Shopify.onCartUpdate，你将删除主题所期望的任何事情。

但是，如果您的主题在购物车更改中执行了您想要的操作，但您希望提供替代方式来更改购物车中的内容（注意示例仅适用于没有行属性的内容：

 $.ajax({
    url:'/cart/update.js', 
    method:'POST', 
    dataType:'json', 
    contentType: "application/json", 
    data:JSON.stringify({updates:{
      variant_id_to_add:1,
      variant_id_to_remove:0,
      variant_id_to_update:3
  }})} ).
  then(function(cart){
Shopify.onCartUpdate(cart);

}）;

Shopify Ajax Cart / Basic Jquery

1 个答案: