Include Add to Cart button on Collection page - Responsive Theme

Highlighted
Excursionist
16 0 28

Hoping for some advice please...does anyone have any tips on how to include an add to cart button on the collection page if using OOTSB Responsive theme? I did see a similar request which was quite old and the suggestions there seem to be for earlier versions of the theme and templates cods  seem different now. Thanks :-) 

0 Likes
Highlighted
Shopify Expert
228 22 28

Hello Jenni, 

 

In shopify every theme is having there own coding structure / file structure. So if you are trying to implement the default suggestion then it will not work for you. 

When we are working with paid themes then some new customization are also needed external to the default suggestions.

So if you want me to get it done for you please let me know. 

 

There will be no any charges applied. 

Let me know your thoughts on this. You can DM me. 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Highlighted
Shopify Expert
277 13 54

hi @Jenni 

 

Just follow the steps for Add to cart button on collection pages.

  • From Shopify Admin select Online Store and click on Themes
  • Choose your main theme
  • Click the . . . on the top left-right (see below) and hit Edit code
  • Open Snippets -> product-card-grid.liquid File and paste the below code at the end of the page.
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>

 

or you can try this app

Demo Example 

 

Regards

 

Sudipta 
MS Web Designer | Task4Store
20,000+ Tasks Completed | 1000+ Happy Clients

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution

0 Likes