How to add "Add to cart" button on collection page with ajax, Dawn theme version 3.0.0?

Store Design
1

I want to add a custom “Add to cart” button on the collection page with ajax(without page loading), and then when click add to cart then open cart-notification, looks like a product details page.

I used Dawn theme, version:3.0.0

2 Likes
2

@Habib_Rayan
Welcome to Shopify Community.
Kindly check out this link.
it will help you,
https://ecomexperts.io/blogs/liquid-tutorial-shopify/shopify-add-to-cart-button-collection-page

Thank you.

1 Like
3

@Habib_Rayan

yes you can do this

If you’re comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you can try to follow the custom coding provided by

Ajax Add to cart

4

I created to add to cart button on the collection page. so the problem was fixed.

Thanks for everybody.

1 Like
5

@Habib_Rayan
Let me know if you need any more help we are happy to help you.
if our Solution was helpful, Kindly like and accept our Solution.

Thank you.

1 Like