取消选择选项后，Magento可配置的产品页面价格不会降低

Question

After deselecting an option checkbox on a configurable product page the value doesn't vanish and price still remain same as when the checkbox was selected.

The only option I got was to refresh the page to see the updated value.

Any thoughts on the same are highly appreciated?

Answer 1

There is an bundle object in javascript. You can modify (deselect in this case) the selected options in there like so:

First edit radio.phtml and add a data attribute to the "none / deselect" radio button. Like so:

data-option="<?php echo $_option->getId(); ?>"

Then somewhere in your custom js script in the event listener add the following:

var option_id = $(this).data('option');
bundle.config.selected[option_id] = [];
bundle.reloadPrice();

Now after clicking on that radio button the price will change accordingly.