open
Shows the cart to the buyer. The storefront decides whether that means opening a drawer or navigating to the cart page.
You can use this after adding an item, so the buyer sees what happened without your app needing to know how the cart is presented.
It takes no arguments and resolves with nothing. Without a configuration, it opens a cart drawer it recognizes, and navigates to /cart when it finds none.
Anchor to openCartopen
open
Shows the cart to the buyer. The storefront decides whether that means opening a drawer or navigating to the cart page.
Anchor to openCart-returnsReturns
Promise<void>Promise<void>
Examples
Call the action
await Shopify.actions.updateCart({
lines: [{ merchandiseId: variantId, quantity: 1 }],
});
await Shopify.actions.openCart();
Examples
Call the action
await Shopify.actions.updateCart({ lines: [{ merchandiseId: variantId, quantity: 1 }], }); await Shopify.actions.openCart();Configure the action
Shopify.actions.openCart.configure({ async handler() { const drawer = document.querySelector('cart-drawer'); if (drawer) { drawer.open(); } else { window.location.href = '/cart'; } }, });
Was this page helpful?