Shopify + Cartと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 }}とは何かを持っていると思いますが、私はJS全部の切れ目に| moneyビットを追加するたびに。スクリプトでそれをフォーマットする方法はありますか？

ありがとうございます！

Answer 1

あなたがここにあなたのtheme.liquidにもoption_selection.jsライブラリをロードすることを確認する必要がありますが、文字列を追加することです：

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

のRef。 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>