Liquid, JavaScript, themes, sales channels
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 🙂
can you please check your theme customization cart setting maybe allow this
Hey Ketan,
This is indeed a setting in Shopify, hence why it works with my product pages.
However, I want it to work for my custom button as well. This is a button I added to the HTML code. Do you know if this is possible?
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023