javascript - Shopify + CartJS 用 JS 更新总价？

Question

我正在尝试在我的 Shopify 主题上使用 AJAX 更新一些数据，我还使用了 CartJS 插件。我找到了柜台，但当我更新价格时，它的格式不正确。它确实添加了所有正确的数字，但遗漏了任何货币符号或小数点。

这是代码片段:

<div id="mini-cart">
    <h2>Basket Updated <span class="btn-close">x</span></h2>
    <p><strong class="item-count">{{ cart.item_count }}</strong> item(s). Costing <strong class="total-price">{{ cart.total_price | money }}</strong></p>
</div>

<script>
    $(document).on('cart.requestComplete', function(event, cart) {

        $('.item-count').html(cart.item_count);
        $('.total-price').html(cart.total_price);
    });
</script>

我认为这与{{ car​​t.total_price |钱 }} 但每当我添加 |钱咬进了JS，整个事情就崩溃了。有没有办法在脚本中格式化它？

谢谢!

Answer 1

您应该确保在 theme.liquid 中加载 option_selection.js 库，这是要添加的字符串:

{{ 'option_selection.js' | shopify_asset_url | script_tag }} 

引用号。 https://cartjs.org/pages/guide#getting-started-setup