Hi Ben,
I see the same error and I can confirm that it doesn’t work in IE 8, 9 and 10 when you use the “Scale & Crop” function for the thumbnails. The reason is that the width attribute on the img-tag isn’t set. It’s just empty.
A quick fix until Maeve (the author of the plugin) release a fix is to use the “Scale to fit” function for the thumbnails instead. Find that in the Settings for the plugin.
Investigating this I found that the CSS class .wpc-img img has a height of 110% which makes the image thumbnails stretch vertically. It can be fixed by adding the class beneath to your theme style sheet.
.wpc-img img {
height: 100% !important;
}
But what’s the reason for the 110 %?
And while we’re at it: if you want to remove the blue border around the thumbnails in IE you can add the beneath code to your themes style sheet.
a > img{
border: 0;
}
It’d be great if that was standard in the plugins catalogue-styles.css.
Many thanks Macriis.
I had already tried changing the settings but it did not work.
I also added the code you mentioned to the theme file and it didnt work unfortunately. Changing from 110% to 100% also did not work.
Am I missing something else?
Sorry Ben, I misread your first post. Thought you had the same problem as me about thumbnails not showing in IE. But now I see that your issue is around the main image on the product page. This image also has a width of 1 pixel when using the “Scale & crop” for gallery images. If you change the setting to “Scale to fit” for gallery images then both the width and height are set directly as you want it to.
I’ve been able to reproduce and fix the error.
@macriis
I saw this post and notice that you picked up a couple of bugs. Thanks for reporting these… So that I can understand this clearly, please can you send me through an email with a clear description of the error, steps to replicate, and the fix (if you found one)? Then I can check it out and update the plugin if needed. Much appreciate your input 🙂
[email protected]
