Adding and "Add to Cart" button on collections page (Venture theme)

New Member
6 0 0

I need to add the said button on the collections page so the customer doesn't have to go to the product page to order.

Any code changes or apps for this?

 

Thanks

0 Likes
Shopify Partner
435 83 94

Hello Vesnicluka,

<form method="post" action="/cart/add">
  <input type="hidden" name="id" value="{{ product.variants.first.id }}" />
  <input min="1" type="number" id="quantity" name="quantity" value="1"/>
  <input type="submit" value="Add to cart" class="btn" />
</form> 

Add this code in collection template near to price.

Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
New Member
6 0 0

Thanks for the quick reply, however this doesn't seem to do anything. I tried posting the same code in collection-grid-item.liquid it showed up but was uselles because on this theme (Venture) when you hover over the product in the collections page it gets an overlay and a view button and that renders it useless.

0 Likes
Shopify Partner
435 83 94

Code is working but issue is overlay, you can use it under view button in overlay or reduce the scope of overlay and add it under price.
Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
New Member
6 0 0

I managed to do this in product-card.liquid but i'm unable to click because of the overlay

 

Have any idea how to incorporate this properly?

 

This.png

0 Likes