Zen Lightbox addon [Support Thread]

[symmo]

ok gcampus here's the fix ive just done it and all is 100% :)

you need to change the following in the lightbox css:-

change the z-index on this section to 1000:

#lightbox {
left:0;
line-height:0;
position:absolute;
text-align:center;
top:40px;
width:100%;
z-index:100;
}

and in this section again to 1000:

#overlay {
-moz-opacity:0.6px;
background-color:#000;
filter:alpha(opacity=60);
height:500px;
left:0;
opacity:0.6px;
position:absolute;
top:0;
width:100%;
z-index:90;
}


enjoy the lightbox :)

Symmo

[Einstin]

Since part of the controversy and problem with this excellent mod is that it does not conform to the template over ride practice, how drastic would the rewrite be in order to make it fall under the complete template over ride structure? Granted it would not work if you switched back to the classic or default template but that may very wel be a reason that you do switch back templates is for troubleshooting purposes.

I have played with this mod enough now that I have finally given my 1.3.7 a bug and can't find it. Now when I click any product image it opens a new window full screen and displays the picture. This is the behavior I get now since I have removed all the files of the mod from my cart. Somehow I left either an extra file in the structure or a file was inadvertently modified.

Does anyone have a concise set of directions for adding this mod to a freshly installed 1.3.7 cart without IH2?

[gcampos]

ok gcampus here's the fix ive just done it and all is 100% :)

you need to change the following in the lightbox css:-

change the z-index on this section to 1000:

#lightbox {
left:0;
line-height:0;
position:absolute;
text-align:center;
top:40px;
width:100%;
z-index:100;
}

and in this section again to 1000:

#overlay {
-moz-opacity:0.6px;
background-color:#000;
filter:alpha(opacity=60);
height:500px;
left:0;
opacity:0.6px;
position:absolute;
top:0;
width:100%;
z-index:90;
}


enjoy the lightbox :)

Symmo

do the trick it did, thanks. now on to more figuring...

Gerry

[taydu]

can someone take a look at the attached image and help ? The next and back button is over lapping the image which is kind annoying.

thanks

[gcampos]

can someone take a look at the attached image and help ? The next and back button is over lapping the image which is kind annoying.

thanks

That should be easy, just expand the image by 25-50px on a white background. shouldnt take but a few minutes. If you want send me the images and I'll fix them for you.

Gerry

[taydu]

i know i could do that, but i have a lot of picture. What I want to do is edit the lightbox template to shift the image down the top so it won't over lap but i dónt know where in the template to edit.

[gcampos]

i know i could do that, but i have a lot of picture. What I want to do is edit the lightbox template to shift the image down the top so it won't over lap but i dónt know where in the template to edit.

Well then it looks like you'll have to play with the css files for that purpose, open up the includes/templates/YOUR_Template/css/stylesheet_lightbox.css and look for :

#prevLink,#nextLink {
background:transparent url(../../template_default/images/lightbox/blank.gif) no-repeat;
display:block;
height:100%;
width:63px;
}

#prevLink {
background-image:url(../../template_default/images/lightbox/prevlabel.gif);
background-position:left 0;
background-repeat:no-repeat;
float:left;
left:0;
}

#nextLink {
background-image:url(../../template_default/images/lightbox/nextlabel.gif);
background-position:right 0;
background-repeat:no-repeat;
float:right;
right:0;
}

I dont have multiple images to show the next/prev buttons so wouldnt know what to change, but this is the area.

Good luck.

Gerry

[taydu]

thanks i'll give it a try

[teebo]

Anyone know how to get multiple images working with this?

I used the filename xx.jpg for one of my products, I upload xx_01.jpg to the same main dir where xx is, and I still don't see anything, am I doing something wrong?

[gcampos]

Anyone know how to get multiple images working with this?

I used the filename xx.jpg for one of my products, I upload xx_01.jpg to the same main dir where xx is, and I still don't see anything, am I doing something wrong?

Try these:

How to add multiple images:
https://www.zen-cart.com/tutorials/index.php?article=58

Image Preparation:
https://www.zen-cart.com/tutorials/i...hp?article=224

Gerry