Recently I added a custom 'add to cart' button to the product grid on the home page of my webshop. When the visitor clicks on this, he is redirected to the shopping cart page. However, I want the customer to stay on this page or for the shopping cart to open on the right side of the page (this happens when my customer clicks the 'add to cart' button on the product page).
If this is not possible, I would like to see a small text (temporary) that says: Your product has been added to your shopping cart.
Does anyone know how I can add this, or if this is even possible?
Code of the custom button is as follows:
<form method="post" action="/cart/add" >
<input style="text-align: center; " type="hidden" name="id" value="{{ product.variants.first.id }}" />
<button class="btn">Voeg toe <span class="icon icon-cart" aria-hidden="true"></span></button>
</form>
P.S.: I already looked up a tutorial, but this tutorial was made for product pages and didn't work for custom buttons.
Links to the website are shown above, but here it is 🙂
https://shop.walhallacraftbeer.nl/
