Zen Lightbox addon [Support Thread]

CnTGifts:

i have changed over to use this mod

Any idea why my images are so large when you click on them?

the images you uploaded are around 1300px wide.
You can use an image manager like image handler 3 or you can just resize them to around 500px on your computer and then re-upload them.

image handler 3 dont work on 1.50 i am waiting for version 4

CnTGifts:

image handler 3 dont work on 1.50 i am waiting for version 4

Even when IH4 comes out, I recommend that you always resize your images to the largest you want to use, before upload. Then let IH resize downward from there. I use the free irfanview for that, does a really great job at batch resizing. Also, it can simultaneously reduce the resolution or kb size of the images. I'd rather not have my server clogged with images larger than I need.

sph
https://www.prom-mart.com
my Ecommerce Cart Testing area

i just tried that and resized them all t o500 and they still showing the same size on site

CnTGifts:

i just tried that and resized them all t o500 and they still showing the same size on site

Try clearing your browser cache and then reload the pages.

capecodjoe:

I ended up making a work around that worked for me. I do have other add on's and it seems like it had nothing to do with the Image Handler 2, as far as I can tell it had a lot to do with Fual Slimbox. I just didn't understand why it was happening since I had already uninstall Fual Slimbox but the Prev and Next buttons was still not showing up in the Lightbox image.
Any way my fix is not pretty but it worked for me.

This is what I did:, (oh, the website I made is not a separate template but a combination of added modules and a lot of file editing of the default template that came with Zen Cart, so I don't know if this fix will work for everyone).

1. I made a new folder called called zen_lightbox and placed it here: includes/templates/classic/zen_lightbox
2. Inside the zen_lightbox folder I added the images that came with the Zen Lightbox addon. They were nextlabel.gif and prevlabel.gif.
   3.Inside my css folder located at includes/templates/classic/css there was a file from the Fual Slimbox addon named stylesheet_slimbox_ex.css. Open this file up and add the following code:

#lbNextLink {
right: 0;
display: block;
width: 40px;
background: url(../images/zen_lightbox/nextlabel.gif) no-repeat right;
background-image: url(../images/zen_lightbox/nextlabel.gif)no-repeat right;
padding_left:40px;
margin-left:40px;
}

#lbPrevLink {
right: 0;
display: block;
width: 40px;
background: url(../images/zen_lightbox/prevlabel.gif) no-repeat left;
background-image: url(../images/zen_lightbox/prevlabel.gif)no-repeat left;
padding_left:40px;
margin-left:40px;
}

That's it, I refreshed my browser tested Lightbox out and it worked. Basically what I did was made the prev and next buttons show up on top of whatever div was blocking the other prev and next buttons from showing up.

I tried to explained this the best I could and I hope this will help those with a similar issue with Lightbox

Yes, it works, but I still have a problem with "Next" and "Previous" buttons.

The "Next" and "Previous" buttons displayed in the middle of the image. When I move the mouse to the "Next" or "Previous" buttons, the "Next" or "Previous" button moves to the top.

I don't know what is going on. Please give me some advice regarding this issue.

Thanks very much.

ttmb33:

Yes, it works, but I still have a problem with "Next" and "Previous" buttons.

The "Next" and "Previous" buttons displayed in the middle of the image. When I move the mouse to the "Next" or "Previous" buttons, the "Next" or "Previous" button moves to the top.

I don't know what is going on. Please give me some advice regarding this issue.

Thanks very much.

can you post a link to your site?

niestudio:

can you post a link to your site?

Oh I forgot to provide a link.

Here is my link:

http://overproduct.com/index.php?main_page=product_info&cPath=1&products_id=1

Thanks

ttmb33:

Oh I forgot to provide a link.

Here is my link:

http://overproduct.com/index.php?main_page=product_info&cPath=1&products_id=1

Thanks

that tip is for an old version of zen lightbox.
what exactly were you trying to get done before you tried that tip?

niestudio:

that tip is for an old version of zen lightbox.
what exactly were you trying to get done before you tried that tip?

I did get anything done before then. Just because the buttons did not shown up.

ttmb33:

I did get anything done before then. Just because the buttons did not shown up.

I did not get anything done before then. I just got Zen Lightbox fresh installed.

ttmb33:

I did not get anything done before then. I just got Zen Lightbox fresh installed.

The default behavior for the lightbox software is for the prev/next buttons to show up when you mouse over.
there is a setting in ZenLightbox where you can have the buttons show up all the time, did you try that?

niestudio:

The default behavior for the lightbox software is for the prev/next buttons to show up when you mouse over.
there is a setting in ZenLightbox where you can have the buttons show up all the time, did you try that?

Thank you very much. I forgot to turn "Always show "Prev/Next" buttons to TRUE in Cofiguration>Zen Lightbox setting. Now it works great.

Again, thanks very much.

Hi All,

I have another question regarding Additional Images.

For instance:

I have 5 images which named like this: a, a1, a2, a3, a4.

If I upload them to /images folder, Zen Lightbox can pull up the additional images.

If I upload them to the folder I created such as /images/homedecor, then Zen Lightbox cannot pull up additional images.

Please give me some tips and advices.

Thanks very much.

johnn196703:

Hi All,

I have another question regarding Additional Images.

For instance:

I have 5 images which named like this: a, a1, a2, a3, a4.

If I upload them to /images folder, Zen Lightbox can pull up the additional images.

If I upload them to the folder I created such as /images/homedecor, then Zen Lightbox cannot pull up additional images.

Please give me some tips and advices.

Thanks very much.

does your page show them without ZLB enabled?

niestudio:

does your page show them without ZLB enabled?

Yes, the additional images do show when zen lightbox is not installed.

johnn196703:

Yes, the additional images do show when zen lightbox is not installed.

can you post a link or PM me your site?

niestudio:

can you post a link or PM me your site?

These are two different links:

1. Images were uploaded in images/etchedfurniture folder

http://www.overproduct.com/test-4

2. Images were uploaded in images folder

http://www.overproduct.com/amazing-grazing-cow-art-octagon-mirrors-3

Thanks

Hello,

My wife's site (http://dollargraphicsdepot.com) was upgraded over the weekend to 1.50 and the lightbox mod installed. It works great and is really slick on laptops, and desktops.

Unfortunately, it seems to have issues on iPhones and iPads. If I zoom in to see detail on the picture, the image is snapped to the right and I miss most of the image. It's almost as if it has a fixed border on the left side.

Any thoughts on how to fix?

Thanks,
Bryan

johnn196703:

These are two different links:

1. Images were uploaded in images/etchedfurniture folder

http://www.overproduct.com/test-4

2. Images were uploaded in images folder

http://www.overproduct.com/amazing-grazing-cow-art-octagon-mirrors-3

Thanks

Not really sure whats going on here, maybe someone else in the thread will have some info.