javascript - 产品 ID 代码不正确地传输到 Shopify 结帐页面

Question

我目前有一家使用 shopify 结帐页面的在线商店。有关客户购物车的信息全部通过我围绕 node.js 构建的网站完成，然后将购物车信息发送到 shopify 结帐页面，他们可以在该页面为订单付款。

以前，一旦按以下格式按下“结帐”按钮，购物车就会以 URL 的形式将每个产品的产品 ID 和数量发送到 Shopify:

shop.mysite.com/cart/product1:qty,product2:qty,product3:qty,product4:qty

但是，现在 Shopify 不再允许 0 值的“数量”并将您带到错误 410 页面。我现在需要更改我的代码以反射(reflect)当 productID 的数量为零时，它不会显示在 URL 中。该按钮的当前代码如下:

function updateShopifyCart(){
        var cBBM = ",product2:";
        var co = ":";
        var caHref = 'http://shop.mysite.com/cart/product1:';
        var cMicro = ',product3:';
        var cPower = ',product4:';

        var bbQ = getStoredCartItemAmount('Product1name');
        var bbmQ = getStoredCartItemAmount('Product2name');
        var musbQ = getStoredCartItemAmount('Product3name');
        var powersQ = getStoredCartItemAmount('product4name');

        var cHref = caHref + bbQ + cBBM + bbmQ + cMicro + musbQ + cPower + powersQ;
        $("#checkoutButton").attr("href", cHref);
    }

我猜一个简单的 if;else 语句可能能够解决这个问题，但是我不确定如何为每个 productID 实现它。

感谢任何帮助，谢谢! :)

Answer 1

我建议重构您的代码，否则将很难编写您需要的条件:

function updateShopifyCart(){
    var products = ["product1", "product2", "product3", "product4"];
    var caHref = "http://shop.mysite.com/cart/";

    var url = caHref;
    var first = true;
    for (var i = 0; i < products.length; i++) {
        var prod = products[i];
        var qty = getStoredCartItemAmount(prod);
        if (qty > 0) {
           if (!first) {
               url += ",";
           }
           first = false;
           url += prod + ":" + qty;
        }
    }

    $("#checkoutButton").attr("href", url);
}