Dedicated to the Hydrogen framework, headless commerce, and building custom storefronts using the Storefront API.
I'm trying to update cart items with AJAX and Section Rendering API within the Dawn theme.
When I execute the code below in the cart page all works well on product item level - the quantity updates and the price changes accordingly without page reload. However, the totals in cart-footer don't update.
Anyone could let me know what is wrong with the code below?
let body = JSON.stringify({
updates: {
43222573449472: 2
},
"sections":[
"template--16499219595520__cart-items",
"cart-icon-bubble",
"cart-live-region-text",
"template--16499219595520__cart-footer"
]
});
fetch('cart/update', {...fetchConfig(), ...{ body }})
.then((response) => {return response.text();})
.then((state)=>{
const parsedState = JSON.parse(state);
document.getElementById('shopify-section-template--16499219595520__cart-items').innerHTML = parsedState.sections['template--16499219595520__cart-items']
})