2017-11-23 5 views
1

Shopify 테마에서 AJAX로 일부 데이터를 업데이트하려고하는데 CartJS 플러그인도 사용하고 있습니다. 카운터를 찾을 수있는 카운터를 가지고 있지만 가격을 업데이트 할 때 제대로 포맷되지 않습니다. 모든 올바른 숫자를 추가하지만 통화 기호 나 소수점이 누락됩니다. 나는 그것이 {{ cart.total_price | money }} 함께 할 수있는 뭔가가 생각Shopify + JS에서 총 가격을 업데이트하는 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> 

하지만 난 JS에 모든 것을 나누기를 | money 비트를 추가 할 때마다 :

다음은 코드입니다. 스크립트에서이를 포맷하는 방법이 있습니까?

감사합니다.

+1

보통이 플러그인을 사용하면 (.item-count와 같이) 클래스를 선언하고 업데이트 할 클래스를 추가 할 수 있습니다. 카운터에서 잘 작동하며 가격에 맞춰 작동하지 않습니다. 그'{{cart.total_price | money}}'는 Shopify 카트 페이지의 가격 코드이므로 정확해야합니다. – user1406440

답변

0

당신은 여기 theme.liquid에 또한 option_selection.js 라이브러리를로드해야한다 문자열을 추가하는 것입니다

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

참조. https://cartjs.org/pages/guide#getting-started-setup

+0

고마워, 나는 내일 devs와 이것을 가져올 것이고, 그것이 좋은 것이고, 당신을 완전히 갱신하고 있는지 알 것이다! :) – user1406440

+0

멋진 소식이 있습니까? :) –

0

카트의 값과 제품을 표시하려면 데이터 카트보기 사용을 추가해야합니다. 간단히 말해서 :

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