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

Question

我想给客户一个选择，让他们获得免费的物品。我已经准备好了加售产品，所以我不能仅仅使用应用程序来解决这个问题。

我希望我可以在产品页面上添加另一个“添加到购物车”按钮，以便在客户决定取货时将免费商品添加到购物车。

我找到了此代码段，以向产品页面添加另一个按钮：

 <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>

别忘了将上面的咖啡杯更改为向上销售的产品手柄。