Editing Title & Adding Price To My "Choose Options" Button

Store Design
1

I changed my “Choose options” button output text so now the very same button has the same function but is seen as displaying "Add {{ price }}. I have attached the image of the code below. I want it to output not only Add but also the PRICE of the product. How can I achieve that since {{ price }} simply isn’t doing the thing. Thank you!

1.jpg
1.jpg988×716 83.5 KB

2.jpg

2

Hi @simlulu

Share the URL and I’ll check it for you.

3

www.colomojofindz.com

1 Like
4

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file card-product.liquid. Search for the following CSS snippet

{{ 'products.product.choose_options' | t }}

please change to it

{{ 'products.product.choose_options' | t }} {{ card_product.price }}
5

You also need to change the choose_option attribute to ‘Add’

6

Thank you so much!

7

however instead of displaying 10,000.00 it is simply displaying 1000000. How do I fix that?

simlulu_0-1724873238786.png

8

nvm i fixed it by writing it as follows:
{{ ‘products.product.choose_options’ | t }} {{ card_product.price | money }}

1 Like
9

how can I implement the same on this page with the “Add to Cart” Button : https://www.colomojofindz.com/products/warm-light-saturn-nebula-moon-bedside-nightlight-luminous-crystal-ball-lamp-projection-atmosphere-lamp-creative-gift-gift