Zen Lightbox addon [Support Thread]

Right, there's not much to update for something that works across the versions. Starting around this thread: https://www.zen-cart.com/showthread....53#post1236553 the issues with the javascript are described. Now I've tried to look elsewhere/further for any more of a centralized discussion, possibly outside this thread, but as pointed out a page or so ago by lat9, there was a cap on full functionality based on jquery version. After a certain point it just didn't work anymore and the issues seen/described here were identified. That was back in 2013/2014. After repeatedly suggesting redirection to colorbox which I have used the latest found on github with a minor modification to successfully install to a ZC responsive 1.5.5 site.

Niestudio did his homework and testing. He supported both plugins and had identified that it was not worth continuing to develop/modify this module because the base of the functionality was not being worked on/expanded and colorbox base javascript was.

I've reviewed many pages but really could not find the same problem that I am facing.

My zen 1.5.4, image handler 4 v432 with lightbox 1.6.5 or 1.6.4 (tried both versions) running at Xampp. I first installed image handler and then installed lightbox.

When I click the image (main product or additional image), about 1/5 chance that the image didn't display normally. i.e. there is no "next" "prev" "close" button at the image but a magnifier cursor that is able to zoom in/out when clicking image. Even refreshing page, no any change at all and I hanged at that page. I can return to product page only by clicking the backward key!

Attachment 17020

I’ve tried several times to install both version ( lightbox 1.65 or 1.64). But the problem is the same. And there is no error message in error logs.

Could anyone help me please? Thanks a lot!

Even with all of the "recent" discussion of the plugin, considering that both of those plugins depend on javascript to provide the expected functionality and that there is something going on during page load to possibly affect that (inconsistent operation), would suggest validating your webpage to ensure that the javascript is able to fully execute. HTML validation errors can prevent javascript operation as well can poorly written/incompatible javascript.

Quote:

---

Originally Posted by mc12345678

Even with all of the "recent" discussion of the plugin, considering that both of those plugins depend on javascript to provide the expected functionality and that there is something going on during page load to possibly affect that (inconsistent operation), would suggest validating your webpage to ensure that the javascript is able to fully execute. HTML validation errors can prevent javascript operation as well can poorly written/incompatible javascript.

---

I changed to another template and no such problem! Maybe I should not use that template anymore.

Thanks :)

Quote:

---

Originally Posted by mc12345678

Even with all of the "recent" discussion of the plugin, considering that both of those plugins depend on javascript to provide the expected functionality and that there is something going on during page load to possibly affect that (inconsistent operation), would suggest validating your webpage to ensure that the javascript is able to fully execute. HTML validation errors can prevent javascript operation as well can poorly written/incompatible javascript.

---

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=8r3mnnou420a5sd 9sji8tui1l4" when lightbox improperly displaying.

Thanks

Quote:

---

Originally Posted by 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=8r3mnnou420a5sd 9sji8tui1l4" 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.

Quote:

---

Originally Posted by 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. Attachment 17025 Could you advise me how to fix it?

Thank you!

Quote:

---

Originally Posted by 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. Attachment 17025 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.

Quote:

---

Originally Posted by 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.

Quote:

---

Originally Posted by 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.Attachment 17029. And there is no pre/next button at the image.

Seems I should keep finding another lightbox.