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 | Narrative Theme | Smart Buttons Updated Code May 30, 2021 How to Create a Custom Product Slider in Shopify Home Page Without App | Easy & Recommended Way January 5, 2022 Shopify Dropshipping is currently not supported in India & some other Countries July 5, 2020 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. Δ
How to Create a Custom Product Slider in Shopify Home Page Without App | Easy & Recommended Way January 5, 2022