Shopify Ajax API 不接受属性

Question

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

最终代码修改自@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();

Answer 1

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

add to cart

考虑到 Shopify.addItem() 函数，straight off their API 我不确定您是否可以简单地添加这样的参数。

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

Answer 2

要添加属性，我使用此功能并且对我来说效果很好。

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');
});

好吧，我为多个项目编写了这段代码并保存在要点中：
multiple add to cart

Answer 3

任何 POST 到端点 url: '/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 Ajax API 不接受属性

Shopify Ajax API is not accepting properties

javascript

jquery

object

shopify