How To Add Add To Cart Button On My Collection Page

[loverlinlin]

I am using Ride theme. I need to add "add to cart" button on my collection pages. 

Please see attached file.

Open Snippets -> card-product.liquid

<form method="post" action="/cart/add" id="product-form-template--14675953680478__main" accept-charset="UTF-8" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form">
<input type="hidden" name="form_type" value="product">
<input type="hidden" name="utf8" value="✓">
<input type="hidden" name="id" value="{{ card_product.selected_or_first_available_variant.id }}">

<button type="submit" name="add" class="">
Add to cart
</button>

<input type="hidden" name="product-id" value="{{ card_product.id }}">
<input type="hidden" name="section-id" value="template--14675953680478__main">
</form>

Click now to add to the shopping cart, but it will directly jump to the "Your cart" page , without a prompt popping up on the current page.     

How can you modify the code to prompt successful addition to the shopping cart on the current page instead of redirecting to another page ??

[Sweet_Savior_3]

Hello @loverlinlin 

please send your Store Url?

[allie_hazel]

Hi @loverlinlin ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.