I need ajax ‘add to cart’ button in collection page. I just need defaut popup on click of add to cart. Thanks

Hello @Juhri , Go to Online Store->Theme->Edit code Snippets->product-card.liquid now here search for this code {%- endform -%} Once you found it then just before of it add this code Now save it and you will find in collection page ‘atc’ is available. Next und…

It works, thank you :slightly_smiling_face:

Hi @Guleria , I’m trying out the Dawn theme and was trying to do this, but couldn’t find “{%- endform -%}” in my product-card.liquid code for some reason. Do you know why? Thanks.

My mistake Go to Online Store->Theme->Edit code Snippets->product-card.liquid now here search for this code {% render 'price', product: product_card_product, price_class: '' %} Once you found it then just before of it add this code Next under ‘Layout’ edit theme.liquid and add this cod…

Thanks @Guleria . This seemed to work, however, sold out product listings are now showing a blank box/button underneath them. Is there a way to get rid of the button/box on sold out listings?

You can extend the code a/to your need further.

@Guleria Thanks for the help it works for the collection page with add to cart button when I added quantity-input box but it doesn’t work. I added before the added to cart button ```markup {% render 'price', product: product_card_product, price_class: '' %} The quantity goes to cart o…

@AvidBrio Yes it will work without quantity selector. If you want quantity button you can extend the code a/to your need.

@Guleria can you see my code posted added before the add to cart button? as per the main product template, it should be work do you have a suggestion. I think you can help with it.

Thanks a lot @Guleria ! Is that also possible with a variant selector? (I sell Apparel, so I’d need a selector with size/color) Best regards! Lucas

Hello @FS2022 , Yes possible you can extend the provided code a/to your need but if you are looking for code instructions sorry I can’t. Alternatively you can drop me an email for quote to the customization you need. Thanks

DAWN THENE 2.0 Add to cart on collection page with ajax like it works in product single page

Store Design

Juhri September 14, 2021, 4:37am 3

It works, thank you

Topic		Replies	Views
Add to cart button in collection grid view Dawn 3.0 Store Design	7	75	April 4, 2022
How to add "add to cart" button on my collection page Store Design	112	3255	July 3, 2024
How to add "Add to cart" button on collection page with ajax, Dawn theme version 3.0.0? Store Design troubleshooting	4	90	May 12, 2022
Collection page show add to cart in dawn theme Store Design collection-page , cart-page , shopify-themes , troubleshooting	1	52	March 21, 2024
How to add a Add to Cart button on collection page in Dawn theme Store Design	9	216	January 19, 2024

DAWN THENE 2.0 Add to cart on collection page with ajax like it works in product single page

Related topics