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>

我认为这与{{ cart.total_price | money }} {{ cart.total_price | money }}但每当我添加| money | money投入了JS，整个事情破了。 有没有办法在脚本中格式化它？

谢谢！

Answer 1

您应该确保还在主题中加载option_selection.js库theme.liquid是要添加的字符串：

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

参考 https://cartjs.org/pages/guide#getting-started-setup

Answer 2

您需要添加使用数据购物车视图以显示购物车中的值和产品。 只需使用：

<span data-cart-view>
Costing <strong class="total-price">{{ cart.total_price | money }}</strong>
</span>