Change "add to card" button into an image (svg)

[ateliermira]

Hi Shopify community!

I am customising the Dawn theme.

My client has requested that instead of an “add to cart” button, they would like an icon (image).

Can anyone help?

[Zworthkey]

@ateliermira

hi,
Greeting of the Day.

Welcome to the Shopify community!

Thanks for your good question.

yes, it’s possible through the custom code.

if you need more help then let me know.

[ateliermira]

That’s great! Thank you for your response!

Would you be able to guide me through the code?

[Dbuglabpvtltd]

Hi @ateliermira

You can do this with custom code.
Go to your product form.liquid file

Find add to cart button replace text with the SVG code.

[ateliermira]

Thank you for your help. I did try this initially, however it reverts back to the text when I click on a variant.

[Dbuglabpvtltd]

Hi @ateliermira

then it’s revert back with js.
You have to check the theme js files for this.

[ateliermira]

Thank you so much!

I have figured it out with the help of your advice