Zen Lightbox addon [Support Thread]

jay2015:

mc12345678, do you think it is due to the conflict of js?

When I used Abagon template (free version), after installing IH and lightbox, everything was good. But install with other template like HOPE or paid version of Abagon, the problem came out!

I found that the URL is "http://localhost/zcart154hope/images/ch34816/ch34816.jpg" instead of "http://localhost/zcart154hope/index.php?main_page=product_info&cPath=1_2_3&products_id=1&zenid=8r3mnnou420a5sd9sji8tui1l4" when lightbox improperly displaying.

Thanks

Honestly, there is little that can be determined with that information, but if I may explain a few things. 1) before adding any other plugins that interact with the front end, the template should resolve satisfactorily with an html validator such that the page has no errors. There are some errors that will have no effect on javascript, but it is far easier to say that you are starting with a clean slate that functions.
2) Whatever jquery/javascript or the like is loaded, there should be only one version that is loaded not multiple.
3) The most up-to-date version of whatever software should be loaded which if it is located on github may include some additional fixes that have been discussed either in the forum or perhaps the issues area of the github copy of the program.
4) IH4 as provided on github had been rewritten to make the path to the image "human" readable. Regarding the above, that means that things were done well enough to get the correct filename.
5) If using a merge utility to combine two or more files, understand that javascript can appear to be a minor modification that can end up being ignored instead of say php related code which turns out to be more major changes, so there could be a chance of missing a merge if manually performed at some point.

mc12345678:

Honestly, there is little that can be determined with that information, but if I may explain a few things. 1) before adding any other plugins that interact with the front end, the template should resolve satisfactorily with an html validator such that the page has no errors. There are some errors that will have no effect on javascript, but it is far easier to say that you are starting with a clean slate that functions.
2) Whatever jquery/javascript or the like is loaded, there should be only one version that is loaded not multiple.
3) The most up-to-date version of whatever software should be loaded which if it is located on github may include some additional fixes that have been discussed either in the forum or perhaps the issues area of the github copy of the program.
4) IH4 as provided on github had been rewritten to make the path to the image "human" readable. Regarding the above, that means that things were done well enough to get the correct filename.
5) If using a merge utility to combine two or more files, understand that javascript can appear to be a minor modification that can end up being ignored instead of say php related code which turns out to be more major changes, so there could be a chance of missing a merge if manually performed at some point.

Thank you for your explanation!
It is out of my knowledge to modify the code. Finally, I just installed the "worked" template after the "problem" template, then the lightbox run properly again even I shifted to the "problem" template.:P

On the other hand, I found the lightbox may have a little problem when running with mobile device. With clicking the image, there is lightbox displaying, but the image is off center when zoom in, and it cannot be drafted to left or right. Could you advise me how to fix it?

Thank you!

jay2015:

Thank you for your explanation!
It is out of my knowledge to modify the code. Finally, I just installed the "worked" template after the "problem" template, then the lightbox run properly again even I shifted to the "problem" template.:P

On the other hand, I found the lightbox may have a little problem when running with mobile device. With clicking the image, there is lightbox displaying, but the image is off center when zoom in, and it cannot be drafted to left or right. Could you advise me how to fix it?

Thank you!
And there it is... The advice for that issue which has been the case for the last what, 4 years is to uninstall lightbox and instead install colorbox. The link is posted several times over the last few pages. Colorbox was made/modified to handle that situation. This plugin (really the foundation to its operation) unfortunately has not been maintained to be able to support/fix that issue.

mc12345678:

Honestly, there is little that can be determined with that information, but if I may explain a few things. 1) before adding any other plugins that interact with the front end, the template should resolve satisfactorily with an html validator such that the page has no errors. There are some errors that will have no effect on javascript, but it is far easier to say that you are starting with a clean slate that functions.
2) Whatever jquery/javascript or the like is loaded, there should be only one version that is loaded not multiple.
3) The most up-to-date version of whatever software should be loaded which if it is located on github may include some additional fixes that have been discussed either in the forum or perhaps the issues area of the github copy of the program.
4) IH4 as provided on github had been rewritten to make the path to the image "human" readable. Regarding the above, that means that things were done well enough to get the correct filename.
5) If using a merge utility to combine two or more files, understand that javascript can appear to be a minor modification that can end up being ignored instead of say php related code which turns out to be more major changes, so there could be a chance of missing a merge if manually performed at some point.
Another thing is, which doesn't necessarily fit the description of "sometimes" or maybe 1/5 of the time not working, is:

6. the plugin has template specific changes, those changes need to be applied to whatever template is to be, or is being used.

mc12345678:

And there it is... The advice for that issue which has been the case for the last what, 4 years is to uninstall lightbox and instead install colorbox. The link is posted several times over the last few pages. Colorbox was made/modified to handle that situation. This plugin (really the foundation to its operation) unfortunately has not been maintained to be able to support/fix that issue.

Thanks!

Today I tested with Colorbox, in mobile device, the image showing in lightbox can be drafted to left or right, but when releasing my finger, the image will run off the screen!

Then I tested with Fual Slimbox, in mobile device, the image just sticked to the left side of the screen, left part of the image can never be seen.. And there is no pre/next button at the image.

Seems I should keep finding another lightbox.

I apologize if I missed this somewhere in the thread. I am adding additional photos to product pages (http://completelydevoteddesigns.com/index.php?main_page=product_info&cPath=2&products_id=2)

I know there is a way to add a line of code to make the other photos open in lightbox but I cannot remember where it needs placed. Any help?

gsallen101289:

I apologize if I missed this somewhere in the thread. I am adding additional photos to product pages (http://completelydevoteddesigns.com/index.php?main_page=product_info&cPath=2&products_id=2)

I know there is a way to add a line of code to make the other photos open in lightbox but I cannot remember where it needs placed. Any help?

If it helps anyone adding rel="lightbox-g" did the trick for example in a table:

jay2015:

Thanks!

Today I tested with Colorbox, in mobile device, the image showing in lightbox can be drafted to left or right, but when releasing my finger, the image will run off the screen!

Then I tested with Fual Slimbox, in mobile device, the image just sticked to the left side of the screen, left part of the image can never be seen. And there is no pre/next button at the image.

Seems I should keep finding another lightbox.

Same here Jay,
My Colorbox lately started to make problems on Chrome mobiles/Ipads...opens on the side and sometimes shrinks etc'...
Maybe because of moving to SSL.
Looks like JS problems as MC wrote.
So I am also looking for a solution or for another "lightbox" to fit ZC 1.5.5
If you have anything, please share...

gunni:

Same here Jay,
My Colorbox lately started to make problems on Chrome mobiles/Ipads...opens on the side and sometimes shrinks etc'...
Maybe because of moving to SSL.
Looks like JS problems as MC wrote.
So I am also looking for a solution or for another "lightbox" to fit ZC 1.5.5
If you have anything, please share...

You may try magic toolbox. But it is not free :)
Its lightbox function is very great either for pc or mobile. You may try their trail version before purchasing it.

jay2015:

You may try magic toolbox. But it is not free :)
Its lightbox function is very great either for pc or mobile. You may try their trail version before purchasing it.

Thanks Jay
Hoped for free module... :(

I have zen_lightbox 1.6.5 working ok with 1.5.5e. It needs to have the includes/classes/zen_lightbox folder added. There are three files in that. autoload_default.php, options.php, slimbox.php. It must come from some earlier version I had. Good luck.

cefyn:

I have zen_lightbox 1.6.5 working ok with 1.5.5e. It needs to have the includes/classes/zen_lightbox folder added. There are three files in that. autoload_default.php, options.php, slimbox.php. It must come from some earlier version I had. Good luck.

Thanks.
I have Colorbox and I have includes/classes/zen_colorbox folder added.
There I have three files: autoload_default.php, options.php, jquery_colorbox.php.
So I do not see the solution in this area.

Colorbox and lightbox are not the same. Lightbox is authored by Alex Clarke, colorbox is authored by niestudio. I've just done a file comparison of slimbox.php and jquery_colorbox.php and they're very different.

Thanks Cefyn,
Lightbox was mentioned in other threads as makes problems with newer versions of Zen Cart
and therefor I installed the Colorbox on 1.5.5 zen cart.
The colorbox worked well until something happened and caused it to make problems as mentioned before.
I do not know what was really the change that made the problem but I suspet that it happened after SSL installation.

ZC-1.5.5e, PHP 5.6.32, Database patch level 1.5.5 , IH 5, ZLB 1.6.5

The Next button does not appear on the main image.
The additional images have the appropriate next and prev buttons.
ie. The 1st Additional image has the next button. The 2nd additional image has the next and prev buttons.
The last additional image has the prev button.
Everything else is working fine.

any help would be appreciated

ZC-1.5.5e, PHP 5.6.32, Database patch level 1.5.5 , IH 5, ZLB 1.6.5

Everything is working fine now.
After several attempts of merging ZLB's includes/modules/additional.images.php with IH5's finally working correctly.

Forgot to mention Zoom on Hover is working great!

I've never used this MOD before, so I don't know if it's working or not. I think something must be wrong with my configuration because:

1. When I click an image, I don't see any prev/next buttons (it's enabled)
2. It doesn't click to close (it's enabled)

Here is a link to a product with additional images on our website. Is it working for you? : http://www.mjmmagic.com/store/-p-26368.html

And here is a screenshot of our settings for Lightbox: https://s10.postimg.org/fdtyz6vh5/Ato_Zclaim.png

We are running the latest version of ZC, and we do have IH4 installed if that helps.

Jeff_Mash:

I've never used this MOD before, so I don't know if it's working or not. I think something must be wrong with my configuration because:

1. When I click an image, I don't see any prev/next buttons (it's enabled)
2. It doesn't click to close (it's enabled)

Here is a link to a product with additional images on our website. Is it working for you? : http://www.mjmmagic.com/store/-p-26368.html

And here is a screenshot of our settings for Lightbox: https://s10.postimg.org/fdtyz6vh5/Ato_Zclaim.png

We are running the latest version of ZC, and we do have IH4 installed if that helps.

Can anyone help out with the above? It seems that all this module is doing is launching images as a separate window. It's not popping up a new window or anything like I thought it would.

I assume perhaps it has something to do with the IH4 module or some other setting. I'd appreciate someone being able to look at the link above and offer some advice. I'm running PHP 5.6.33 and ZC 1.5.5f.

Jeff_Mash:

Can anyone help out with the above? It seems that all this module is doing is launching images as a separate window. It's not popping up a new window or anything like I thought it would.

I assume perhaps it has something to do with the IH4 module or some other setting. I'd appreciate someone being able to look at the link above and offer some advice. I'm running PHP 5.6.33 and ZC 1.5.5f.
Doubt it fixes the issue, but ZC 1.5.5=>IH5

Did everything work before trying to add this?