使用 Shopify 将产品添加到购物车
Add product in cart by using 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);
}
}
哪位小伙伴有想法请帮忙
我找到了这些问题的解决方案
要在 'add to cart' 上添加单人或多人产品,我们已经使用了这个
$('.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);
}
我在 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);
}
}
哪位小伙伴有想法请帮忙
我找到了这些问题的解决方案
要在 'add to cart' 上添加单人或多人产品,我们已经使用了这个
$('.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);
}