Quick Add Cart Refresh

Retired Boards Appdev Custom Storefronts

Topic summary

A user successfully implemented a Quick Add feature on a product page, allowing customers to add different product variants to the cart from a single page using a solution from a previous community post.

Current Issue:

  • The cart content doesn’t update in real-time after adding products via Quick Add
  • Users must manually refresh the cart to see newly added items
  • The regular “Add to Cart” button updates the cart properly, but the Quick Add function does not

Technical Context:

  • The functionality itself works (products are being added to cart)
  • The problem appears to be a cart refresh/update issue
  • The user suspects a simple jQuery/AJAX/JavaScript solution exists but acknowledges being relatively new to these technologies

Status: The issue remains unresolved, with the user seeking help to implement real-time cart updates for the Quick Add feature.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

Greetings, I want to add a Quick Add option to a product page.

Allow user to add a different product to cart from one product page.

I have succeeded in doing so using this post and accepted solution: https://community.shopify.com/c/shopify-discussions/quick-add-adding-variant-to-cart-in-one-click/td-p/1408910.

However, when I add product and correct variant to cart this way cart’s content doesn’t change.

But when I add a product using a “regular” add to cart button, or when there are products in cart and I remove one of them, the quick added product appears in cart.

So, basically the functionality is working, but not in “real time” and user needs to manually update cart before being able to see added products.

I am guessing there is a simple jquery, ajax, js solution, but I’m kinda newbie with these, so any help is much appreciated.

Functionality is not yet live, so I hope this theme preview will do the trick: https://xmcts6l2ibyu403k-1440652.shopifypreview.com

1 Like