How To Add Add To Cart Button On My Collection Page

loverlinlin
Visitor
1 0 0
I am using Ride theme. I need to add "add to cart" button on my collection pages. 
Please see attached file.
微信截图_20240412154248.jpg
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 ??

微信截图_20240412154349.jpg

微信截图_20240412154554.jpg

 

Replies 2 (2)

Sweet_Savior_3
Shopify Partner
1163 94 112

Hello @loverlinlin 

 

 

please send your Store Url?

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

allie_hazel
Shopify Partner
1 0 0

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.