OpenCart Community

Posted: **Fri Jun 22, 2012 10:35 pm**

The default OpenCart 1.5.X.X template has a serious problem when "Featured" is activated, and the visitor is using IE9.

If, say, "Featured" is set to display fifteen products, then there will be displayed three rows of five products each. However, if IE9 is used in the non-compatibility mode, there will be FOUR rows, the first three displaying FOUR products each, and the final row displaying THREE products.

There is a quick and easy fix. In catalog/view/theme/default/template/common/header.tpl you will see the following code:

Code: Select all

<head>

Then, change this to:

Code: Select all

<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

This will FORCE IE9 to be in the Compatibility mode for as long as the header is being displayed.

Posted: **Sat Jun 23, 2012 1:21 am**

I have also seen this problem.

It seems 5 boxes are (130 + 20) * 5 = 750px wide. Given that box-content div is 763px wide, this leaves 13px for the white space in between the product divs. IE9 is probably calculating the white space to be 14px in total. A different fix might be to increase the size of the box-content div by changing the left and right column margins. I don't like the idea of using IE7 emulation mode.

find

Code: Select all

#column-left + #column-right + #content, #column-left + #content {
	margin-left: 195px;
}
#column-right + #content {
	margin-right: 195px;
}

change to

Code: Select all

#column-left + #column-right + #content, #column-left + #content {
	margin-left: 194px;
}
#column-right + #content {
	margin-right: 194px;
}

OpenCart Community

Problem With 1.5.X.X Default Theme and IE9

Problem With 1.5.X.X Default Theme and IE9

Re: Problem With 1.5.X.X Default Theme and IE9