IE product display

hkeyzer
Inactive member
Topic Author
Member

11 years 10 months ago #29866 by hkeyzer

IE product display was created by hkeyzer

Hi,

Just noticed in IE 9 - that the product images on the home page or in category view (own site and demo) - are not rotated.

How do we fix this?

This does not match with the images shown on the template article page.

Thanks
Henk

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 10 months ago #29882 by ivan.milic

Replied by ivan.milic on topic IE product display

Try removing this from index.php of template:

Code:

<!--[if lt IE 8]>
  <style type="text/css">
    .rotated_image img {
	  display:none;
    }
  </style>
<![endif]-->

Please Log in to join the conversation.

hkeyzer
Inactive member
Topic Author
Member

11 years 9 months ago #30130 by hkeyzer

Replied by hkeyzer on topic IE product display

Hi,

Tried that - but no luck.
Front page product image still not rotating for any version of IE.

Henk

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 9 months ago #30133 by ivan.milic

Replied by ivan.milic on topic IE product display

Send link please so we could see

Please Log in to join the conversation.

hkeyzer
Inactive member
Topic Author
Member

11 years 9 months ago - 11 years 9 months ago #30134 by hkeyzer

Replied by hkeyzer on topic IE product display

www.fatbacks.co.nz/index.php/products/fabrics

With IE8 style removed from template index.php file - shown using IE9

Attachments:

Last edit: 11 years 9 months ago by hkeyzer.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 9 months ago #30145 by ivan.milic

Replied by ivan.milic on topic IE product display

Add this to index.php of template just above </head>

Code:

<!--[if lt IE 9]>
<style type="text/css">

.rotated_image img {

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.8660254037, M21=0.8660254037, M22=0.8660254037); /* IE6,IE7 */

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.8660254037, M21=0.8660254037, M22=0.8660254037)"; /* IE8 */

}

</style>
<![endif]-->

Please Log in to join the conversation.

Time to create page: 0.166 seconds