"Added to cart" pop up after adding to cart using custom "Add to cart" button on product page

Topic summary

Issue: In the Dawn theme, custom “Add to cart” buttons added to product-card.liquid (collection/product cards) successfully post to /cart/add but do not trigger the default “Item added to your cart” pop-up/cart notification.

Context: The custom form includes hidden variant ID, quantity, return_to, and a submit button. Using the native product page button shows the pop-up by default; using the custom form on cards does not.

Clarification: One reply noted it’s a default Dawn feature, but the original poster clarified they are using a custom button outside the standard product page flow, where the notification does not appear.

Impact: Another merchant reports customer confusion on the collections page due to no confirmation, leading to repeated additions of the same item.

Assets: Screenshots were provided showing the desired pop-up and the custom “Add to cart” buttons on cards.

Status: Unresolved. No solution or code to trigger the default Dawn notification was provided. Key open question: how to invoke the built-in “added to cart” pop-up/drawer after a custom add-to-cart action on product cards.

Summarized with AI on December 13. AI used: gpt-5.

We are using the Dawn theme and in the Product page, we’ve added the following code to add a “Add to cart” button:

When the item is added, the cart is updated and all is well. However, we would like to have the default “Item added to your cart” popup appear after the item is added to the cart via our custom form (example image of the pop up below):

Can this be done? Much appreciated!

1 Like

@Nendas
Yea, it’s the by default features of Dawn theme.

Hi Zworthkey,

Thanks for your reply - I probably need to rephrase the question: we’ve actually added a custom “Add to cart” button on the product-card.liquid so that a user can add to cart without going into the product details.

However, when they add to cart, the default “Item added to cart” doesn’t come up. How to we trigger that pop-up after someone clicks our custom “Add to cart” button on the product page? Here’s an example of what it looks like on our website:

As you can see, those “Add to cart” buttons were included by us. What we’re looking for is that if someone does add to their cart, we would like the pop-up to appear (as it doesn’t now).

Hope that clarifies the question!

1 Like

I need help with this too please. Can someone please reply with a solution? I’ve had complaints about the pop up not being shown when added to cart via collections page and then people end up with 10 of the same item in the cart.

Thank you