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

[simlulu]

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!

[BSSCommerce-B2B · Accepted solution]

Hi @simlulu 

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

[BSSCommerce-B2B · Accepted solution]

Hi @simlulu 

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

[simlulu]

www.colomojofindz.com

[BSSCommerce-B2B · Accepted solution]

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 }}

[BSSCommerce-B2B]

You also need to change the choose_option attribute to 'Add'

[simlulu]

Thank you so much!

[simlulu]

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

[simlulu]

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

[simlulu]

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-cry...