Editing the Add To Cart button on Product Page - THEME: DAWN

[simlulu]

Hey! How can I edit the product page's ADD_TO_CART Button. I want it to simply display the price of the respective product (just like how it does on my home page) Thanks!
https://www.colomojofindz.com/products/warm-light-saturn-nebula-moon-bedside-nightlight-luminous-cry...

[HazilStudiosNYC · Accepted solution]

You would want to do this via code:

1. Create e duplicate of your theme 
2. In the duplicate, click the three dots -> Edit Code
3. In the code editor, search for the file (top left) "buy-buttons.liquid" (click it)
4. In the file, search for "products.product.add_to_cart" should be around line 92 (depending on theme version)
4. Replace the entire line with:

{{ 'products.product.add_to_cart' | t }} {{ product.selected_or_first_available_variant.price | money }}

It will look like this
 

Let me know if this was helpful.

[simlulu]

thank you so much!