shopify - 如何将文本与购物车 API 集成？

Question

我正在尝试以与通过购物车 API 自动更新购物车计数相同的方式更新一些文本，但我不确定从哪里开始

在下面的示例中，基于条件我希望“项目”或“项目”在不刷新页面的情况下进行更改

<span class="cart-count{% if cart.item_count == 0 %} hide{% endif %}">
    (<span data-cart-count>{{ cart.item_count }}</span>{% if cart.item_count > 1 %} <span>ITEMS</span>{% else %} <span>ITEM</span>{% endif %})
</span>

有什么建议么？

Answer 1

不幸的是，这不能用液体来实现，因为液体在提供页面之前已经过预处理。为此，您将需要使用 JavaScript。如果您的主题使用Shopify Ajax Api将商品添加到购物车，您可以使用 JSON 响应来确定购物车中有多少商品，然后<span></span>相应地更改其中的文本。