Dawn Theme – How To Add “Add To Cart” Button On My Collection Page Post author:Ramzan Post published:March 8, 2022 Post category:Shopify Post comments:0 Comments Follow Below steps to add "Add to Cart" button on collection page. Go to theme -> Action -> Edit Code -> Snippets -> product-card.liquidPaste below code at the end of this file. <!-- cart button on collection page :: starts --> <style> .collection-cart-btn { display: none; } .collection-grid-section .collection-cart-btn { display: block; } </style> <form method="post" action="/cart/add" class="collection-cart-btn"> <input type="hidden" name="id" value="{{ product_card_product.variants.first.id }}" /> <input type="submit" value="Add to cart" class="button" style="margin-top: 17px; width: 100%;" /> </form> <!-- cart button on collection page :: ends --> Note: If above code is not working then paste below code: <!-- cart button on collection page :: starts --> <style> .collection-cart-btn { display: none; } .collection-grid-section .collection-cart-btn { display: block; } </style> <form method="post" action="/cart/add" class="collection-cart-btn"> <input type="hidden" name="id" value="{{ card_product.variants.first.id }}" /> <input type="submit" value="Add to cart" class="button" style="margin-top: 17px; width: 100%;" /> </form> <!-- cart button on collection page :: ends --> Tags: add to cart button, collection page, dawn theme, shopify Please Share This Share this content Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Opens in a new window Read more articles Previous PostHow To Add “Add To Cart” Button On My Collection Page Next PostDawn Theme – How To Remove Logo Only From Homepage? You Might Also Like Shopify PayPal Credit Debit Card Buttons | Minimal Theme | Smart Buttons Updated Code May 30, 2021 Shopify PayPal Credit Debit Card Buttons | Booster Theme | Smart Buttons Updated Code July 6, 2021 How to Add Marquee in Shopify Announcement Bar ? September 3, 2021 Leave a Reply Cancel replyCommentEnter your name or username to comment Enter your email address to comment Enter your website URL (optional) Save my name, email, and website in this browser for the next time I comment.