How to refresh the cart using JavaScript

This is an advanced customization. We recommend enlisting the help of a developer if you need assistance in implementing this functionality.

If your store uses custom apps, there may be occasions where you need to refresh the the cart from custom code or application code. The cart can be refreshed globally by calling the refreshCartmethond on the cart-items web component.

let cartDrawer = document.querySelector('cart-items');
cartDrawer?.refreshCart();

Note, this only refreshes the cart count and the cart drawer. If you wish to open the cart in addition to refreshing the cart, you can do so by firing a custom event.

const event = new CustomEvent('dialog:trigger:cart-drawer');
document.dispatchEvent(event);