Thursday, December 8, 2011

IE9 Issue with Magento Checkout-Disabled Credit Card Fields-Fix

In some builds of Magento (Community and Enterprise), there is an issue with IE9 and all of the credit card fields being disabled. This is on step 4 of the one page checkout, and users will not be able to enter any information, or even use the dropdown select box to choose which type of credit card they are going to be using.



The fix:
Browse to your /skin/frontend/..template folder (if you’ve got one, if not, browse to the /skin/frontend/default/default/js/ folder). Open up the opcheckout.js file Around lines 641 AND 647, (inside the switchMethod function), replace :
1
var elements = form.select('input', 'select', 'textarea');
with
1
var elements = form.select('input').concat(form.select('select'), form.select('textarea'));
These 2 lines should fix your IE9 issues, as well as be compatible and work with Chrome/Firefox, earlier builds of IE, and others.

For other to solve the IE9 issue use the metatag in head of page

<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />

No comments:

Post a Comment