Include Add to Cart button on Collection page - Responsive Theme

[Jenni]

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 :-) 

[Pallavi]

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. 

[Sudipta]

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