How to add “Add to cart” button on Shopify collection pages for each product

Hura Product Showcase Builder

You can create an “Add to cart” button that features a single product that includes one or all of the product’s variants on your collection pages. This will allow your clients to easily and effortlessly add products to cart without opening the product page.

Please follow below steps to add “Add to cart” button on Shopify collection pages for each product.

  1. From your Shopify admin, to to Online Store > Theme.
  2. Find the theme you want to edit and then click Action > Edit code.
  3. In the online code editor of collection page find to the loop {% for product in collection.products %} add the below code.
  4. Hit Save, and you’re done!

Happy coding!

Hura Theme Blocks

You may also like...

4 Responses

  1. Prince Bhagat says:

    Great guys, this code helped me a lot. But i have a problem, when add to cart is pressed it takes the customer to the cart page. Is it possible to stay on the collection page after clicking add to cart ?

  2. Ashish says:

    Can someone please guide me to add price to the Drop down in this along with the Variants.

Leave a Reply

Your email address will not be published. Required fields are marked *