Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product Images on Internet Explorer

Product Images on Internet Explorer

Views: 1,988

Results 21 to 28 of 28
5 Jan 2011, 10:42 PM
#21
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Product Images on Internet Explorer

The problem is a slimbox problem, or at least a conflict in your installation of it

If you have ie developer tools installed on ie, you will see that the visibility of

#slimbox is set to hidden by default, so the picture doesn't appear
#slimbox {
visibility: hidden;
}
from your IE Developer tools

<DIV style="display: block;" id="slimboxWrapper"><A title="LV Large Tote Leather Handbag M95096" href="images/LV/M95096.jpg" rel="lightbox[gallery]"><IMG title=" LV Large Tote Leather Handbag M95096 " alt="LV Large Tote Leather Handbag M95096" src="bmz_cache/b/bdbd05827c05c53fa549bc69395edc1f.image.130x97.jpg" width="130" height="97"></A><BR class="clearBoth"><A title="LV Large Tote Leather Handbag M95096" href="images/LV/M95096.jpg" rel="lightbox[gallery]"><SPAN class="imgLink">larger image</SPAN></A></DIV>

however if you are using Opera and I assume firefox and you use Dragonfly (or firebug for firefox)

you will see that the visibility of #slimbox is overridden by some inline css which sets it to visible so the picture appears
from Dragonfly (Opera)

<div id="slimboxWrapper" style="visibility: visible; display: block; "><a href="images/LV/M95096.jpg" rel="lightbox[gallery]" title="LV Large Tote Leather Handbag M95096"><img src="bmz_cache/b/bdbd05827c05c53fa549bc69395edc1f.image.130x97.jpg" alt="LV Large Tote Leather Handbag M95096" title=" LV Large Tote Leather Handbag M95096 " width="130" height="97"></a><br class="clearBoth"><a href="images/LV/M95096.jpg" rel="lightbox[gallery]" title="LV Large Tote Leather Handbag M95096"><span class="imgLink">larger image</span></a></div>

This is nothing to do with image handler, I am guessing it is a conflict somewhere in the loading that effects IE.

the slimbox people will be the best to answer this, as I cannot understand your code as to my completely ignorant (of slimbox) understanding you seemed to be calling an awful lot of js files.

and the code that is causing the issue isn't part of Zencart or image handler so I guess it must be slimbox

Webzings Design
Semi retired from Web Design

5 Jan 2011, 10:51 PM
#22
joyjoy avatar

joyjoy

Totally Zenned

Join Date:
Sep 2010
Posts:
611
Plugin Contributions:
0

Re: Product Images on Internet Explorer

Hello, thank you so much for all your help!! But I THINK I have found the culprit. Another post suggested that I disable my facebook like button. And viola! Looks like it's all good now.

Thank you again!! But now I have another problem. Off to the facebook like post. :smile:

5 Jan 2011, 10:57 PM
#23
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Re: Product Images on Internet Explorer

Should also add that when using IE developer tools

if you remove the tick next to visibility:hidden the image appears, so this is what is causing the problem
it should be being overridden by something, but the override isn't working

Webzings Design
Semi retired from Web Design

5 Jan 2011, 10:59 PM
#24
joyjoy avatar

joyjoy

Totally Zenned

Join Date:
Sep 2010
Posts:
611
Plugin Contributions:
0

Re: Product Images on Internet Explorer

Hi, I don't mean to be a dummy...but what is IE developer tools? I know my site has a lot of bugs in it and i need to get on cleaning it up. :(

HEY, speaking of cleaning it up. Do you know how I would clear my cache??

5 Jan 2011, 11:36 PM
#25
nigelt74 avatar

nigelt74

Totally Zenned

Join Date:
Sep 2005
Location:
Waikato, New Zealand
Posts:
1,558
Plugin Contributions:
1

Re: Product Images on Internet Explorer

joyjoy:

Hi, I don't mean to be a dummy...but what is IE developer tools? I know my site has a lot of bugs in it and i need to get on cleaning it up. :(

HEY, speaking of cleaning it up. Do you know how I would clear my cache??

  1. Internet explorer developer tools -- they should appear in the dropdown menu when you click on the cog icon, next to the home and favoutites icons on the right hand side of IE or press F12 when on the page

  2. Which cache, Internet exporers cache, Image handlers cache, or zencarts cache
    2.1) Internet explorers cache - Clck on Cog icon --> Internet options --> Browsing history click on the delete button
    2.2) Imagehandler cache - Zencart Admin - tools - image handler2 - admin tab - clear cahe
    2.3) Zencart cache - Zencart Admin - tools - Store manager ->Cleanup Debug Log Files

Regarding the zencart Cache, you should be reading the debug errors in here, as they will tell you what is wrong with your site, very good for diagnosing errors

Webzings Design
Semi retired from Web Design

6 Jan 2011, 12:35 AM
#26
joyjoy avatar

joyjoy

Totally Zenned

Join Date:
Sep 2010
Posts:
611
Plugin Contributions:
0

Re: Product Images on Internet Explorer

Thank you, thank you, thank you!

I haven't been able to open the cache cause it's totally full. I haven't cleared it...I never knew what it was for. :blink:

I will begin going through these and optimizing my site. Thank you again!:clap:

6 Jan 2011, 2:42 AM
#27
shwag avatar

shwag

New Zenner

Join Date:
Aug 2008
Location:
Cleveland
Posts:
78
Plugin Contributions:
0

Re: Product Images on Internet Explorer

awesome im glad you got it worked out. :clap::clap:
was a pleasure trying to help

6 Jan 2011, 10:54 PM
#28
joyjoy avatar

joyjoy

Totally Zenned

Join Date:
Sep 2010
Posts:
611
Plugin Contributions:
0

Re: Product Images on Internet Explorer

Okay so now that is working...does anyone have the like/share button on their product pages that works?

This was the culprit. Once I removed the facebook button, my images worked!