Magento – Configurable Swatches not working after 1.9.3 Upgrade

configurable-productmagento-1.9product-imagesswatchesupgrade

After upgrading Magento from 1.9.2.4 to 1.9.3, configurable swatches appears to be broken on the product page for all themes. When you click on color swatches (other than the default) the product image no longer switches. The grid and list product view still work but I receive the following js error on all product pages:

Uncaught TypeError: Cannot read property 'productId' of undefined

Has anyone else experienced this issue and been able to resolve it?

Best Answer

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>

Related Solutions

Magento – Another prototype jquery conflict issue I think

First try to comment out the jQuery code and see if the error reproduces. If it does then it's not related to jQuery (captain obvious).
If the error does not appear then try to put the jQuery.noConflict() statement at the end of the jquery.js file. There is a chance that the conflicts appear higher in the page before you are calling noConflict.
And instead of decalring the variable $j=jQuery.noConflict() just use jQuery instead of '$j'.
For example instead of:

var $j= jQuery.noConflict();
$j('#id').hide();

just use:

jQuery('#id').hide();

This always worked for me without the any conflicts.
Off topic (kind of): Try to use prototype for simple things, like hiding and showing elements, setting style values. There is no need to involve jQuery for things you can do in one line with prototype.

Magento – Magento 2 error in swatchRenderer.js

We had this same issue until we realized we were hiding the price of products on our category listing page. Apparently, swatch-renderer.js relies on classes on the price box to determine if it is on the product view or product listing page. After re-enabling the price box, color swatch switching started working again.

Best Answer

Related Solutions

Magento – Another prototype jquery conflict issue I think

Magento – Magento 2 error in swatchRenderer.js

Related Topic