Zen Lightbox addon [Support Thread]

[wazzer]

Hi,

has anyone got zenlightbox to work on chome (3.0).?..My site works fine in firefox and IE.

Thanks
Ahmed

[Asdesign]

Hey you guys...can no one help? Previous version of lightbox worked just fine! I noticed that the css has been significantly modified on the latest version and from what I've experimented with, it seem to calculate WRONG the value for the 'left' parameter so the image opens a bit too the right. Problem is, its almost impossible to make a CSS compare to old lightbox css file since all ID names were changed. Btw, trying google on this problem didn't bump up any helpful results which is kind of surprising since LOTS of people here must be using THIS contribution and IE so it becomes a rather large-scale common problem...I mean how come I'm the only one with this problem? I installed everything right for SURE & and it happens on two different sites.

[DarkAngel]

There may be a few IE users but I myself can't stand IE so I use FireFox...could be there are more FF users than IE

Hey you guys...can no one help? Previous version of lightbox worked just fine! I noticed that the css has been significantly modified on the latest version and from what I've experimented with, it seem to calculate WRONG the value for the 'left' parameter so the image opens a bit too the right. Problem is, its almost impossible to make a CSS compare to old lightbox css file since all ID names were changed. Btw, trying google on this problem didn't bump up any helpful results which is kind of surprising since LOTS of people here must be using THIS contribution and IE so it becomes a rather large-scale common problem...I mean how come I'm the only one with this problem? I installed everything right for SURE & and it happens on two different sites.

[Asdesign]

There may be a few IE users but I myself can't stand IE so I use FireFox...could be there are more FF users than IE

You're quite wrong. IE is still dominated by most users. I look at my site statistics and my jaws fall when I see that 70% of the users use IE and like 15% use Firefox. I use FF as my personal preference, and imo its the best browser atm, besides it has Firebug which is a debug tool I couldn't be without.

Unfortunately this problem is affecting websites I built up for clients and since they're quite primitive in their internet capabilities they're used to IE and won't try something else like Firefox where those bugs don't occur.

[DarkAngel]

how well I understand that, I manage a site where they are very reluctant to try FF cause they have use IE since dinos walked the earth...lol

have you tried to change numbers in the css file for the lightbox?

[Asdesign]

Well it looks like its not the numbers...I'm not really sure. I think its maybe related to the position parameter or/and margin parameters. Really hard to tell. Maybe the guy who made the last version could tell us whats happening.

[DarkAngel]

out of curiosity I just checked mine in IE to see if it is off center and it is centered like it should be.

I am using version 1.5 of lightbox and mostlygrey template.

maybe it is something in your template that is messing with the code for the lightbox, keeping it from working right

I wanted my thumbnails to be centered on the page in the previous template so I did this:

removed the "back" from

<div id="productMainImage" class="centeredContent back">

in tpl_modules_main_product_image.php

located in

/includes/templates/your-template/templates/tpl_modules_main_product_image.php

not sure if that will work for you but with the mostlygrey template they were already centered so I did not have to go edit that file.

[Asdesign]

back is just an extra class name and my css doesn't have anything applied to it so it shouldn't matter I think. I'll try tho. Can you check if your zen_lightbox.css file is exactly like mine posted above? Thanks for helping.

Btw, if you wanted them centered you didn't have to remove BACK from the template. All you had to do is find it in your CSS files and clear out the parameters attached to it.

[Asdesign]

Ok, trying to change that didn't help..I ain't surprised hehe. Anyway, post up your CSS. The answer is probably there.

[DarkAngel]

my lightbox css is exactly the same with the exception of the font size.

/**
 * Zen Lightbox
 *
 * @author Alex Clarke ([email protected])
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet_zen_lightbox.css 2008-12-08 aclarke $
 */

#lbBottom
{
border:10px solid #fff;
border-top-style:none;
color:#666;
font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size:10pt;
line-height:1.4em;
text-align:left;
}

#lbCaption
{
font-weight:700;
}

#lbCaption,#lbNumber
{
margin-right:71px;
}

#lbCenter,#lbBottomContainer
{
background-color:#fff;
overflow:hidden;
position:absolute;
z-index:9999;
}

#lbCloseLink
{
display:block;
float:right;
height:22px;
margin:5px 0;
outline:none;
width:66px;
}

#lbImage
{
background-repeat:no-repeat;
border:10px solid #fff;
cursor:default;
left:0;
position:absolute;
top:0;
}

#lbNextLink
{
right:0;
}

#lbOverlay
{
background-color:#000;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:9999;
}

#lbPrevLink
{
left:0
}

#lbPrevLink,#lbNextLink
{
display:block;
height:32px!important;
outline:none;
position:absolute;
top:0;
width:63px;
}

.lbLoading
{
background:#fff url(../images/zen_lightbox/loading.gif) no-repeat center
}