Add to cart button on collection page needs to show pop-up instead of redirecting to cart page

Shopify Partner
8 0 0

Hi there,


i have created a custom add to cart button on my collection page.


Schermafbeelding 2022-06-02 om 23.28.15.png


I need the add to cart button to show a pop-up (added to cart) instead of redirecting to the cart page.


Schermafbeelding 2022-06-02 om 23.36.21.png


The same as the product page add to cart button actually.


I use DAWN theme.


How can i achieve this?


Code used: 

 <form class="add-to-cart-form" method="post" action="/cart/add">
    <input type="hidden" name="id" value="{{ }}" />
    <input type="submit" value="{% if product.variants.first.available or product.variants.last.available %}{% else %}{% endif%}" class="buy-button-below-product" {% unless product.variants.first.available or product.variants.last.available  %}disabled{% endunless %} />


The cart/add action is wrong in this usecase i think.



Thanks alot!

Replies 2 (2)

Shopify Partner
2963 568 891


Unfortunately there is no simple way to achieve this, it would require a custom coded solution.

Shopify Partner
8 0 0

Can someone help me with this?