如何将文本与购物车 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 代替 adding the item to the cart，您可以使用 JSON 响应来确定购物车中有多少商品，然后相应地更改 <span></span> 中的文本。