Zen Lightbox addon [Support Thread]

Thanks, Steven. I hadn't found where IH2 had hidden its admin features. Now I know where they are.
mark

:wacko: I Have NO IDEA what I am doing wrong, but I can't get the lightbox to work on our site. Is there a magical button I am not pressing? Please help, I love this lightbox idea!

I have renamed the files as stated in the readme file
Then I used my ftp program and individually transfer each of the files into the corrosponding file. is this right?

Alex,
I'm having a issue with lightbox with zc 1.3.6 The additional image are showing up on the product info page but when I try to view them with the lightbox I just get the spinner. I do not have IH2 installed.

I just tried it on your website and it worked fine.

S_mack thanks but the problem was on a development site..........and I found the problem.......it was me:blush: I seem to have a problem with maintaining consistency with file names (B vs b)

Glad it's all working.

I'm just about to launch my newest Zen Cart website (will post link here when I'm done). It should be online by the weekend.

Then I can look at the next release of Zen Lightbox! :)

NamSingh:

I need to move the popup image so it starts nearer the top!!!

Was this addressed yet? I too would really like to adjust how close to the top the image is. With my banner in the background, it just looks funny - and with my larger photos, it makes people have to scroll. I haven't been able to find where in the code this is controlled.

• Steven

While we're at it... I noticed that if you click the image it closes - which is cool.... but it also closes if you click anywhere on the screen above the plane of the top of the image (mouse above the image or above and to the right/left)

This isn't a huge deal, but a bit odd behaviour... any way to "fix" this?

• Steven

s_mack:

Was this addressed yet? I too would really like to adjust how close to the top the image is. With my banner in the background, it just looks funny - and with my larger photos, it makes people have to scroll. I haven't been able to find where in the code this is controlled.

• Steven

Look in the lightbox css and find this:

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

#hoverNav {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:10;
}

#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;
}

The lines that I bolded are the ones I think you would need to play with...but I could be wrong...I haven't tried it myself...

Actually z-index is used for stacking objects on top of one another (farthest to closest) what I think you want to look at changing is:

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

I believe this controls how far down from the top the lightbox starts....I also have not tested this yet....ok I tested and the lightbox is exactly 40px from top of browser window

Ah thanks! I had that line bolded too but then decided that probably wasn't it haha, oh well, at least I was close ;)

s_mack:

While we're at it... I noticed that if you click the image it closes - which is cool.... but it also closes if you click anywhere on the screen above the plane of the top of the image (mouse above the image or above and to the right/left)

This isn't a huge deal, but a bit odd behaviour... any way to "fix" this?

• Steven

I always thorght that it was best to have the semi-transparent background linked with closing the lightbox (and it is default lightbox behaviour).

My view was that it was 'easier' for the customer to close the image (if they didn't see the 'close' button or tried clicking on the image itself).

I'll see if a it's possible to change this however.

I tried downloading this contribution, but i got a lot of grabled code. I then tried downloading the linked file, but all i got was an index.php file and nothing more. could someone point me in the proper direction???

Zen Lightbox is currently packaged in a RAR archive.

I'm guessing you haven't got a program install to handle such files, which means you're getting all this 'garbled' code.

Download and install WinRAR from the url below. It's a free 40 day trail version, but works just fine.

Once installed you'll be able to open the Zen Lightbox RAR file with no problems.

For future reference, I'll be releasing all updates compressed as ZIP archives.

Let me know how you get on. :)

Oopps... I forgot the url! :P

http://www.rarlabs.com

Regarding RAR files... I wouldn't bother with winRar... since it isn't free really. Try https://www.7zip.org best I've found and handles just about any format!

Alex, I don't mind having it close the lightbox when you click the transparant portions.. what I meant was that it ONLY closes if you click ABOVE the image... clicking to the area left, right, or below the image does nothing. That is what is odd. Should either be everything or nothing.

Maybe that's just my browser? Only tried it on IE7

• Steven

This is a bug at the moment. I'll try and squash it in a future release.

Hi,
I was install it and work great :smartass: .Can somebody tell me how to add more image in product?(At this time,i Just can add 1 image... :mellow: )

Thanks

How do I add multiple images to a product?
by: Ajeh - Linda McGrath

A product owns 1 filename ...

Example:

You load via the categories.php an image file called:

a_bugs_life.gif and put it in the /images/dvd directory via the drop down

Now you FTP additional images to /images/dvd

a_bugs_life_01.gif
a_bugs_life_02.gif
a_bugs_life_03.gif
a_bugs_life_04.gif

I use the numbers so these load in order, as the additional images are loaded alpha/numeric

For the large image I FTP:

/images/large/dvd/a_bugs_life_01_LRG.gif
/images/large/dvd/a_bugs_life_02_LRG.gif
/images/large/dvd/a_bugs_life_03_LRG.gif
/images/large/dvd/a_bugs_life_04_LRG.gif

For the medium image (used on product_info) I FTP

/images/medium/dvd/a_bugs_life_MED.gif

Now you do not need to use subdirectories.

All images can be loaded to

/images
/images/large
/images/medium

You can also change the suffix for Large and Medium from _LRG and _MED to something else or to nothing at all.

I use the suffixes so when looking at 2000 images I can tell what size I am really looking at just from the name.

In a future release, this will be more automated with options for auto-generating the thumb and medium based on dpi, height, width and compression ratio

For now, it uses the same directories that the auto-generated would use, but you do the FTP for the different sizes and additional images.

Additional information:

Note: the base image name is the original image name loaded for the product.

The suffix of _MED and _LRG is optionally defined but very handy for distinguising image names from a visual stand point.

The medium images are kept in the /images/medium directory and the large in the /images/large directory

Additional images can be the base name of the original image plus anything after that example:

Original Image: fred.jpg

All of these are considered additional images because they contain the base image name:

fredabc.jpg
fred_73b2.jpg
fred_01.jpg
fred_02.jpg
freddy.jpg
fredrick.jpg

The advantage of the numbering on the additional images like: _01 _02 _03 is that they will sort in this order when displayed.

These images are places in the same directory as the main image such as /images or /images/dvd

The large image match would then go in /images/large or /images/large/dvd with the Admin defined suffix added to it of _LRG

fredabc_LRG.jpg
fred_73b2_LRG.jpg
fred_01_LRG.jpg
fred_02_LRG.jpg
freddy_LRG.jpg
fredrick_LRG.jpg

Hi,

I just finished 'flash'ing my header but when I enlarge my respective product image, it is somehow overlapping the Zen lightbox effect :dontgetit ...anybody know how to fix this?! picture attached...