Hi,
Please open up the woocommerce-mod.js file located inside the config-woocommerce folder off the root of the theme with notepad, and make a backup copy in case something goes wrong. Find the function shown below which should start on line 584 and go on till the end of the file line 638
function variation_adjustment(select_el)
please delete the entire function and replace it with the one below
function variation_adjustment(select_el)
{
var selects = jQuery(select_el);
//unify select dropdowns
selects.each(function()
{
var el = jQuery(this);
el.bind('change', function()
{
setTimeout(function(){
var currentVariationId = jQuery('input[name="variation_id"]').val();
var productid = jQuery('input[name="product_id"]').val();
if ( !productid || !currentVariationId ) return;
var currentvariation = window["product_variations_" + productid].filter(function (currentvariation) { return currentvariation.variation_id == currentVariationId });
if(typeof currentvariation[0] == "undefined" || !currentvariation[0]) return;
var imglink = currentvariation[0].image_link;
if(imglink){
jQuery('.slideshow li a img').each(function()
{
var imgscr = jQuery(this).attr("src");
if(imglink == imgscr || imglink.replace(/-\d+x\d+./, ".") == imgscr.replace(/-\d+x\d+./, ".")){
var index = jQuery(this).parents('li').index();
var container = jQuery(this).parents('.slideshow_container');
if (index != 0){
container.find('.slideshow li a:eq(0)').css( "display", "none" );
}
var controls = container.next('.thumbnails_container'),
thumbs = controls.find('.slideThumb');
thumbs.removeClass('activeslideThumb');
var current = jQuery('.numeric_controls a:eq('+index+')').addClass('activeslideThumb');
container.find('.numeric_controls a:eq('+index+')').trigger('click');
if (index != 0){
setTimeout(function(){
container.find('.slideshow li a:eq(0)').css( "display", "block" );
}, 1500);
}
}
});
}
}, 100);
});
});
}
Please let us know if it worked.
Thanks,
Nick