我一直在尝试找出在 Shopify 中将免费产品添加到购物车的最佳方法,但在他们的文档中找不到我要查找的内容。
如果购物车价值为 10 英镑或更多,我需要做的是将产品添加到购物车。我已设法添加产品,但如何将价格更改为零?另外,我如何确保如果用户选择的产品数量较多,他们不会获得多个免费项目,而只会获得一个免费项目?希望这是有道理的。
这是我到目前为止所拥有的,可以很好地添加产品。但不改变价格。
*编辑:我意识到如果我无法更改商品的价格,那么我可以在购物车页面级别应用固定折扣代码吗?
**编辑:想一想,折扣代码无论如何都不起作用,因为用户可以轻松删除免费产品并仍然获得折扣。也许我需要创建某种无法在商店中搜索到的隐藏产品,将其添加到购物车并禁用数量选择器。
必须有办法做到这一点,因为有应用程序可以做到这一点。
**我不想使用应用程序
<script>
$(".cart__qty-input").blur(function() {
location.reload();
})(jQuery);
</script>
{% assign product = all_products['free-gift'] %}
{% unless cart.item_count == 0 or product.empty? or product.variants.first.available == false %}
{% if cart.total_price >= 1000 %}
{% assign variant_id = product.variants.first.id %}
<script>
(function($) {
var cartItems = {{ cart.items | json }},
qtyInTheCart = 0,
cartUpdates = {};
for (var i=0; i<cartItems.length; i++) {
if ( cartItems[i].id === {{ variant_id }} ) {
qtyInTheCart = cartItems[i].quantity;
break;
}
}
if ( ( cartItems.length === 1 ) && ( qtyInTheCart > 0 ) ) {
cartUpdates = { {{ variant_id }}: 0 }
}
else if ( ( cartItems.length >= 1 ) && ( qtyInTheCart !== 1 ) ) {
cartUpdates = { {{ variant_id }}: 1 }
}
else {
return;
}
var params = {
type: 'POST',
url: '/cart/update.js',
data: { updates: cartUpdates },
dataType: 'json',
success: function(stuff) {
window.location.href = '/cart';
}
};
$.ajax(params);
})(jQuery);
</script>
{% endif %}
{% endunless %}