更改添加到购物车按钮正在添加到购物车的产品

Question

我想给客户一个选项，让他们可以在上面获得免费物品。我已经有一个加售产品，所以我不能只使用应用程序来解决这个问题。

我希望我可以在产品页面上添加另一个“添加到购物车”按钮，如果客户决定接受它，该按钮会将免费商品添加到购物车中。

我找到了这段代码 sn-p 来在产品页面添加另一个按钮：

 <form method="post" action="/cart/add">
             <input type="hidden" name="id" value="{{ product.variants.first.id }}" />
             <input min="1" type="number" id="quantity" name="quantity" value="1"/>
             <input type="submit" value="Add to cart" class="btn" />
        </form>

问题在于它只是将与页面上的主要添加到购物车按钮相同的产品广告到购物车。 如何使按钮向页面添加另一个产品？ 如果有人可以帮助我，我将非常感激。这两天我一直在尝试解决这个问题，这让我发疯了。

Answer 1

它添加了相同的产品，因为这行代码 product.variants.first.id 为产品提供了相同的 id。如果您想使用不同的产品，请先使用all_products 获取它，然后添加 Id。更新后的代码如下所示

<form method="post" action="/cart/add">
    <input type="hidden" name="id" value="{{ all_products["coffee-cup"].first_available_variant.id }}" />
    <input min="1" type="number" id="quantity" name="quantity" value="1"/>
    <input type="submit" value="Add to cart" class="btn" />
</form>

不要忘记将上面的咖啡杯更改为您的追加销售产品手柄。