如何从 Shopify 中的液体代码添加另一个 cart.item？

Question

我想为购物车中的产品添加另一个选项。当现有选项呈现在购物车页面上时，它们会打印：

{%- for line_item in cart.items -%}

这会呈现列表项，如下所示：

<li class="line-item__property">Age: 42</li>

在上面的示例中

，客户在产品页面上输入的年龄为 42，然后从 cart.liquid 中显示。

我想从 cart.liquid 添加另一个选项到购物车。我不能简单地添加另一个

，因为这只是渲染并传递到前端的内容，因此单击“结帐”后它就不再存在了。

是否可以使用 JavaScript 从此处的液体代码更新购物车？或者这可能吗？

Answer 1

您可以通过多种方式将商品添加到购物车。传统的老式方法是使用要添加的商品的 ID 和数量向购物车端点执行 POST。这种做法已经运作了近 18 年。新的学校方法可能是使用 Storefront API 调用或使用购物车转换 API 应用程序调用来更新购物车。它远远超出了为您提供任何代码答案的范围，因为您没有提供足够的详细信息来说明您想要做什么以及为什么，但请放心，您可以做到！我的建议是使用 JS。