使用Shopify在购物车中添加产品

时间:2016-08-27 11:58:07

标签: shopify

我在WordPress中有一个基于产品的网站构建,我已经使用shopify添加到购物车,但有一些问题来添加多元产品。

我正在使用此脚本添加到购物车

 function buyButtonClickHandler(evt) {
 evt.preventDefault();
 evt.stopImmediatePropagation();
 var id = product.selectedVariant.id; 
 var id = evt.target.id; 
 var quantity;
 var cartLineItem = findCartItemByVariantId(id);
 quantity = cartLineItem ? cartLineItem.quantity + 1 : 1;
 addOrUpdateVariant(product.selectedVariant, quantity);
 setPreviousFocusItem(evt.target);
 $('#checkout').focus();


 }

这用于产品的更新数量

 function updateQuantity(fn, variantId) {
    var variant = product.variants.filter(function (variant) {
        return (variant.id === variantId);
    })[0];
    var quantity;
    var cartLineItem = findCartItemByVariantId(variant.id);
    if (cartLineItem) {
        quantity = fn(cartLineItem.quantity);
        updateVariantInCart(cartLineItem, quantity);
    }
}

任何好友都有想法请帮忙。

1 个答案:

答案 0 :(得分:4)

我有这些问题的解决方案

添加单个或多个朋友的产品'添加到购物车'我们用这个

    $('.cart').on('click', '.quantity-increment', function(event) {
        var variantId = $(this).data('variant-id');
        console.log(variantId);
        incrementQuantity(variantId);
        event.preventDefault();
    });


    $('.cart').on('click', '.quantity-decrement', function(event) {
        var variantId = $(this).data('variant-id');
        decrementQuantity(variantId);
        event.preventDefault();

    });

   function decrementQuantity(variantId) {
      updateQuantity(function(quantity) {
        return quantity - 1;
      }, variantId);
   }

  function incrementQuantity(variantId) {
    updateQuantity(function(quantity) {
        return quantity + 1;
    }, variantId);
}