We are using a Shopify App which limits the quantity of a particular product. If user tried to increase or decrease the qty of specific product then we are resetting the qyt using Shopify AJAX API’s and after refresh it shows updated qty in Networks tab → cart.js. However, when we move to checkout then the product qty at checkout don’t match to the product qty in cart.js.
Note - This gets resolved if we refresh the page after resetting the qty but we don’t want to refresh/reload the page and the product qty in cart.js should match the product qty at checkout
Topic summary
Issue: A Shopify app enforces quantity limits for a specific product. When users change quantity, the app resets it using Shopify AJAX APIs; the updated quantity correctly appears in cart.js (Network tab) without a full page reload.
Problem: Proceeding to checkout shows the old quantity, not the updated value from cart.js. The mismatch persists unless the page is refreshed after the quantity reset, which the team wants to avoid.
Technical context: “cart.js” refers to Shopify’s JSON endpoint for the current cart state. The checkout should reflect this state, but in this case it does not without a reload.
Evidence: Attached screenshots illustrate the discrepancy between cart.js and the checkout page.
Status: Unresolved. The poster is seeking a method to ensure the checkout reflects the updated cart quantity without requiring a page refresh.
Open question: How to synchronize checkout quantity with the AJAX-updated cart state in real time, avoiding reloads.
