Zen Lightbox addon [Support Thread]

[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
}

[ftdc]

Installed LB and everything works great, but the main image (The big one) gets ordered as the last of for example 4 of 4 images.

Can this be how they are placed in the product info page?
I have some thumbs fore detailed images to the left and then the main image to the right.

If someone had this problem and solved it pls help

Thanx

[ftdc]

Your problem has nothing to do with the name of your filenames or the lightbox mod.

You have made changes to the product info template manually or via some mod?

This div
<div id="productAdditionalImages">

is above this div
<div id="productMainImage" align="center">

So consequently your main product image is the last image in the source code.

Just saw this in the thred is there a way to go around this and make the main image being placed after aditional and still get it to be the first image in a series pls get back to me anyone.

[Tagyourbaby]

Heya i had this installed and then added in a links manager and now the lightbox doesnt work. How do i get it working again?