<script>
cr.api(page => {
  var cart = page.cart;
  var updateCartBadge = () => {
    var totalQuantity = 0;
    page.cart.items.forEach(item => {
      totalQuantity += item.quantity;
    });
    $('.badge').text(totalQuantity);
  };

  updateCartBadge(); // обновляем количество при загрузке страницы

  cart.on('subtotal-change', event => {
    updateCartBadge(); // обновляем количество при изменении стоимости
  });

  cart.on('item-add', event => {
    updateCartBadge(); // обновляем количество при добавлении товара
  });

  cart.on('item-remove', event => {
    updateCartBadge(); // обновляем количество при удалении товара
  });

  cart.items.forEach(item => {
    item.on('quantity-change', () => {
      updateCartBadge(); // обновляем количество при изменении количества товара
    });
  });
});
</script>

<script>
cr.api (page =>{
 var cart = page.cart;
 $('.badge').text(page.cart.subtotal)
cart.on('subtotal-change', event => {
 $('.badge').text(page.cart.subtotal)
})
})
</script>