Custom Liquid in Product and Cart

[mpinillad]

Question: I’m working on a Shopify store where I need to add custom options for embroidery to the products. I have successfully added checkboxes and radio buttons for the customers to choose:

1. No Embroidery (default option)
2. Embroidery with Name and Surname
3. Embroidery with Logo, Name, and Surname

Each option has an additional cost. The challenge I’m facing is how to dynamically update the total product price based on the selected embroidery option before adding the product to the cart.

Here’s what I’ve done so far:

• I’ve added the radio buttons and checkboxes to the product page.
• I’m using the properties attribute to capture the custom input.

What I need help with:

• How to correctly update the product’s total price on the product page as the customer selects different embroidery options.
• Ensuring the updated price reflects in the cart when the product is added.

Could someone guide me on how to implement this or provide any examples or best practices for handling such custom product options in Shopify?