Add to cart button on collection pages (Dawn theme)

Hi! I’ve been looking on tutorials on how to place an add to cart-button on the collection page. Everything looks right, but it isn’t working properly when pushing the button.

This is the code I’ve been using:

Here are some printscreens to show you how it looks and the problem. Maybe someone can help me.

Hello , @VictorVaissier

Replace

with this

Hi IttantaTech!

Thanks for helping me,

the new code still gives me the same error as in the printscreen

Can you please provide your store URL ?

This dawn-version is just in preview mode atm. We’re using a different theme right now. Don’t want to go live with this one right now. Is there another way?

You can share preview link of that theme.

Go to theme → click on actions button → right click on preview → then click copy link address.

Like this:-

Great! Thank you!

https://vaissier.com/?_ab=0&_fd=0&_sc=1&preview_theme_id=120555634732

Replace

with this

Works like a charm!

Thank you so much!

Hi there!

I’m also using Dawn and getting the same error message. I followed the steps in this thread but would like to know how it was solved on your end!

How can we add color to the add to cart button in the collection page ?

Hi vinodvinodh6.

That is a great question! Also something that we would like to know

Yes, I’d also like to know how to style this according to the theme, please!

I’d also like to know how to style this according to the theme, please! Thanks!

hi @IttantaTech ,

I follow you update and solution but,

is it possible to make the btn/button follow the dawn theme style, because when I setup it looks very default.

Hi @GoDrinks-Bali ! This is also something we’re looking in to. Please contact me if you find a solution to this before @IttantaTech answers!

Best regards,

VictorVaissier

@VictorVaissier

@GoDrinks-Bali

Check out this video Guide.

https://youtu.be/593Xq0do2vE

Hi @Muhammad_Ali_S

Thanks (^0^)

now I might just edit the margins or padding to fit right in the middle. Or can I use code center?

Try this guys:


how can I add variation before add to cart button?