Fix Uncaught TypeError: Cannot Change Property of ‘changeSelection’ in Magento 1.9 Bundle Product

magento-1.9

My bundled products aren't working properly.

On loading the product page it already goes wrong with the following error in the console:

Uncaught TypeError: Cannot read property 'reloadPrice' of undefined

When i select an option from the drop-down box, the amount field stays grayed out and i get an error in the console (Google Chrome) stating:

Uncaught TypeError Cannot change property of 'changeSelection' of undefined

The HTML from the amount field has the property disabled=""disabled", I guess this is supposed to change on making your selection thus enabling you to change the amount for the selection.

Best Answer

I got solution..

It's caused by our custom theme not adding the new product_options.js file.

In your theme layout file (either local.xml or catalog.xml) and add the following js under the catalog_product_view

varien/product_options.js

Related Solutions

Magento 1.9 – Fix Uncaught TypeError: Cannot Read Property

Magento use prototype.js framework. So if you want to use jQuery to read an element.

Use jQuery instead of $

jQuery('a').removeAttr('href');

Magento – Configurable Swatches not working after 1.9.3 Upgrade

To expand upon the previous answer, you are probably overriding catalog.xml in your theme and there was a change to catalog.xml in this update. They removed some functionality from varien/product.js and added it to a new file varien/product_options.js. Check the rwd/default/layout/catalog.xml and you will see they've added a line. To fix, edit the catalog.xml file in your theme to include varien/product_options.js as show below.

<action method="addJs"><script>varien/product.js</script></action>
<action method="addJs"><script>varien/product_options.js</script></action>