Can I automatically update the main price when a variation is selected?
The WooCommerce Variation Prices plugin has an option to automatically update the main price at the top of the page when the customer selects a variation.
How it works
When a product page first loads, the overall price for the variable product appears at the top of the page under the title. This might be a price range, or you might have changed the price format on the WooCommerce Variation Prices settings page.
When the 'Show selected variation price' option is enabled, if the customer selects a variation then the main price will update to show the price of the selected variation.
Due to the way that WooCommerce works, there are a couple of limitations to this feature:
- Products with 30+ variationsFor performance reasons, WooCommerce uses AJAX to load variations for products that have large numbers of variants. For these variations, it is unfortunately not possible to update the main price when a variation is selected because WooCommerce hasn't loaded the prices of the other variations yet.
- Products with default variationsIf a product has a default variation selected, then the product page will load with the price for the default variation visible. If the customer changes their selection then the price at the top will update to show the price of the selected variation.