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>