将商品添加到购物车后，如何让 Shopify 刷新页面？

Question

我有一个 Shopify 网站，其中每个页面都有一个滑出式购物车。

为此，我从购物车页面复制了内容并将其添加到主模板中的幻灯片切换中。

因此，当一个项目被添加到购物车时，它不会显示在滑出式购物车中。

有没有办法在将产品添加到购物车时刷新页面，以便它出现在购物车中？

Answer 1

我用这个Shopify's Ajax API 来获取、插入、更新、删除购物车

// Example to add product with properties
addItem=function(product,callback) {
  var params = {quantity:product.qty,id:product.id};
  if(product.properties != false){
      params.properties = product.properties;
  }
  $.ajax({
    type: 'POST',
    url: '/cart/add.js',
    dataType: 'json',
    data: params,
    success: function(){
        if(typeof callback === 'function'){
            callback();
        }
    },
    error: function(){}
  });
} 
//
var product = {qty:1,id:541926339,properties:{size:2}}
addItem(product,function(){ alert('success');});