Why Is the Option Price Not Adding to the Product Base Price?

If selecting a priced option on your product page does not update or add to the main product's display price, the SC Product Options app is likely unable to locate your theme's price HTML element.

To resolve this, you need to link your theme's price class inside the app settings so the app knows where to update the total price on your storefront.

How to Fix Option Price Updates (4-Step Guide)

1. Locate Your Theme's Price CSS Class

   • Go to your storefront product page, right-click the main product price, and select Inspect.

   • Copy the CSS class attached to the product price container (e.g., .price-item--regular, .product__price, or .price).

2. Open App Storefront Settings

   • In the SC Product Options app, go to Settings in the top/side navigation.

   • Select Storefront Settings.

3. Configure the Price Selector

   • Scroll down to the Select Option Add to Price section.

   • In the Add Price Class field, paste your theme's CSS price class.

4. Save & Test

   • Click Save.

   • Refresh your live product page (or test in an Incognito window) and select a priced option to verify the total price updates dynamically.