I have additional fields on my product that are changing the price(I couldn’t use variants because it got to be to much) . How can I reflect the new price in shopify product screen?
Topic summary
A user is trying to display updated prices on a product page based on additional custom fields (not variants). Two approaches are suggested:
JavaScript Display Method:
- Use JavaScript to calculate and show the new price on the frontend
- However, this only changes the visual display—the actual checkout price remains unchanged
Workaround Solution:
- For add-ons (like gift wrapping), create a separate hidden product
- When the custom field/checkbox is selected, automatically add this hidden product to the cart
- This ensures the additional cost is properly reflected at checkout
Implementation:
- Store custom fields as product metafields
- Use JavaScript to calculate and display the updated price dynamically
The discussion remains open, with the original poster not yet confirming which approach they’ll use or sharing their store URL for more specific guidance.
Please share your store url for what additional fields you are using? Is it custom coded?
Anyways to answer your question from what I understand you can change the price with javascript but then this just shows on the front end, the price doesn’t really change on the checkout.
So for example if you have a field, a checkbox for users to select if they want the product gift wrapped, you can with js check if the checkbox is checked and show the increased price to the user but to actually transfer that new price you will have to create a gift product when checkbox is checked you can add that to the cart. You can choose The gift wrap can to remain hidden, but that adds like some extra money to it. So this is kind of a workaround.
Hope I was able to explain.
Best
Set up your custom fields as product metafields, then use JavaScript to calculate and display the updated price.