简体   繁体   English

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

[英]Add product in cart by using Shopify

I have a product based Website build in WordPress, i have used shopify for add to cart, but having some issue to add multipal products.我在 WordPress 中构建了一个基于产品的网站,我使用 shopify 来添加到购物车,但是在添加多产品时遇到了一些问题。

i am using this script for add to cart我正在使用此脚本添加到购物车

 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();


 }

this use for update quantity for products此用于更新产品数量

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

Any buddy have an idea please help.哪位朋友有想法请帮忙。

I have found solution of these issue我找到了这些问题的解决方案

to add single or multi-pal product on 'add to cart' we have use this在“添加到购物车”上添加单个或多个朋友的产品,我们使用了这个

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM