Sunday 8 January 2012

Magento Easy Tabs not working on IE9

If you are using Easy Tabs Magento extension on your Magento website, then you might be facing an issue on IE9, where the tabs are not working.
So, here is the fix for it.

Goto frontend/default/default/template/easytabs/tabs.phtml and edit the file on a code editor :

Find this code :

showContent: function(a) {
   var li = $(a.parentNode), ul = $(li.parentNode);
   ul.select('li', 'ol').each(function(el){
     var contents = $(el.id+'_contents');
     if (el==li) {
       el.addClassName('active');
       contents.show();
     } else {
       el.removeClassName('active');
       contents.hide();
     }
   });
 }
 
 
 
 
Replace it with :
showContent: function(a) {
    var li = $(a.parentNode), ul = $(li.parentNode);
    ul.select('li').each(function(el){
      var contents = $(el.id+'_contents');
      if (el==li) {
        el.addClassName('active');
        contents.show();
      } else {
        el.removeClassName('active');
        contents.hide();
      }
    });
  }

No comments:

Post a Comment