Shopify Ajax API 不接受属性

Shopify Ajax API is not accepting properties

本文关键字：属性 不接受 API Ajax Shopify      更新时间：2023-09-26

我正在尝试通过shopify ajax api传递三种产品。它发送变体 ID 和数量，但不发送属性。代码如下。如果我将request.properties添加到Shopify.addItem功能，它会在一件商品后停止，并给我一个弹出消息，说一件商品已添加到购物车中。它不会添加其他两个项目，也不会重定向。如果我从 Shopify.addItem 功能中删除请求属性，它会将所有三个项目添加到购物车中，但没有属性。

最终代码 从@miglio代码修订

var FreeTrial={
    data:[],
    ini:0,
    total:0,
    addItem:function(qty,id,properties,callback) {
        var params = {quantity:qty,id:id};
        if(properties != false){
            params.properties = properties;
        }
        $.ajax({
            type: 'POST',
            url: '/cart/add.js',
            dataType: 'json',
            async:false,
            data: params,
            success: function(){
                if(typeof callback === 'function'){
                    callback();
                }
            },
            error: function(){}
        });
    },
    recursive:function(){
        FreeTrial.addItem(FreeTrial.data[FreeTrial.ini].qty,FreeTrial.data[FreeTrial.ini].id,FreeTrial.data[FreeTrial.ini].properties,function(){
          //console.log(FreeTrial.data[FreeTrial.ini]);
          FreeTrial.ini += 1;
          if(FreeTrial.ini < FreeTrial.total){
            FreeTrial.recursive();
          }else{
            //return false;
            document.location.href = '/cart';
          }
        });
      },
    begin:function(){
        /* SET YOUR ARRAY QTY's' ID's*/
        FreeTrial.data = [
            {
                "qty": '1',
                "id": 'VARIANT_ID_GOES_HERE',
                "properties": false
            },
            {
                "qty": '1',
                "id": 'VARIANT_ID_GOES_HERE',
                "properties": false
            },
            {
                "qty": '1',
                "id": 'VARIANT_ID_GOES_HERE',
                "properties": false
            },
            {
                "qty": '1',
                "id": 'VARIANT_ID_GOES_HERE',
                "properties": false
            },
            {
                "qty": '1',
                "id": 'VARIANT_ID_GOES_HERE',
                "properties": {
                    "recurring_price": "200.00",
                    "shipping_interval_frequency": "30",
                    "shipping_interval_unit_type": "days",
                    "subscription_id": "12599"
                  }
            }
        ];
        FreeTrial.total = FreeTrial.data.length;
        FreeTrial.recursive();
    }
  }
  FreeTrial.begin();

要添加属性，我使用此函数并且对我来说工作正常。

addItem=function(qty,id,properties,callback) {
  var params = {quantity:qty,id:id};
  if(properties != false){
      params.properties = properties;
  }
  $.ajax({
    type: 'POST',
    url: '/cart/add.js',
    dataType: 'json',
    data: params,
    success: function(){
        if(typeof callback === 'function'){
            callback();
        }
    },
    error: function(){}
  });
}
//Example :
var qty = 1;
var id  = 123456;//variant_id
var properties: {
  "recurring_price": "12",
  "shipping_interval_frequency": "34",
  "shipping_interval_unit_type": "56",
  "subscription_id": "78"
}
//
addItem(qty,id,properties,function(){
    console.log('done');
});

好吧，我为多个项目编写了这段代码，并保存在要点中：
多次添加到购物车

任何指向端点网址的 POST ："/cart/add.js"都可以包含属性。如果属性设置正确，它将像超级按钮一样工作。您可以根据需要为变型分配任意数量的属性。已经工作了5年了？这个功能至少已经工作了很长时间......没有麻烦。

addItemWithProperties: function(variant_id, quantity, properties, callback) {
  var quantity = quantity || 1;
  if(properties) {
    var data = properties.join("&")+"&quantity="+quantity+"&id="+variant_id;
  } else {
    var data = "quantity="+quantity+"&id="+variant_id;
  }
  var params = {
    type: "POST",
    url: "/cart/add.js",
    data: data,
    dataType: "json",
    success: function(line_item) {
      if((typeof callback) === "function") {
        callback(line_item)
      } else {
        Shopify.onItemAdded(line_item)
      }
    },
    error: function(XMLHttpRequest, textStatus) {
      Shopify.api.onError(XMLHttpRequest, textStatus)
    }
  };
  $.ajax(params)
},

编辑。我想你可以手动打电话

加入购物车

考虑到 Shopify.addItem（） 函数是，直接来自他们的 API，我不确定您可以简单地添加这样的参数。

我的猜测是，额外的参数具有函数不运行的效果。

相关文章：