当项目添加到购物车时，如何让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');});