Fiz uma função personalizada para adicionar o produto ao carrinho sem sair da página; ele adiciona o item, mas o problema é que não atualiza o carrinho a não ser que eu atualize a página. (em anexo as imagens descrevendo melhor)
A pergunta é como posso atualizar essas informações sem recarregar a página.
A função está implementada nessa página: https://www.enlevolar.com.br/jogo-de-tapete-de-banheiro-3-pecas-safari-zebra/p
Meu script:
<script>
$('.buy-button').on('click', function(e) {
e.preventDefault();
var $tamanho = $("#___rc-p-sku-ids");
if ($tamanho.length) {
vtexjs.checkout.getOrderForm().done(function(e){ console.log(e) });
vtexjs.checkout.addToCart([{
id: $tamanho.val(),
quantity: 1,
seller: 1
}]).done(function(orderForm) {
$('#add-pdt').html($('.productName').text());
$('.js-visible-on-cart-filled').fadeIn();
});
} else {
alert('Por favor, selecione a variação do produto');
}
});
$('.continuar-modal').click(function(){
$('.content-modal').fadeOut();
window.location.reload(); /*aqui eu gostaria de atualizar o carrinho ao invés de atualizar a página*/
});
</script>