Hi @WILLIAM0716 
I believe the limitation comes from the approach you’re currently using. Since the options are being created with metafields and custom code rather than actual Shopify variants, Shopify doesn’t automatically apply separate pricing when customers select those options.
In this case, you might want to check out Easify Custom Product Options
. I’ve created a similar setup before, and the app makes it easy to add custom options with additional charges without needing to modify code or create extra variants.
To help you visualize it, I’ve created a similar demo:
To set it up, you simply go into the app and create an Option Buttons field. For example, if you’re selling apparel, you could create options such as Size S, Size XL, Size 2XL, and Size 3XL. Then, for each option value, you can enter the corresponding price adjustment in the Price field.
For example, you could set up Size S = +$0, Size XL = +$2, Size 2XL = +$4, and Size 3XL = +$6. When a customer selects an option, the product price will automatically update based on the pricing you’ve configured directly on the product page.
What I like about this approach is that it keeps your product setup clean without having to create a large number of Shopify variants just to handle pricing differences. On top of that, if you later want to expand your setup with Color Swatches, Image Swatches, Checkboxes, or Conditional Logic, you can do it all within the same app.
I find this much simpler and easier to manage than trying to handle pricing through metafields and custom code, especially if your goal is to let customers see price changes instantly based on their selections. 