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 }}有关，但每当我将| 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

您需要添加use data-cart-view以显示购物车中的值和产品。只需使用：

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

Shopify + CartJS用JS更新总价？

2 个答案: