Zen Lightbox addon [Support Thread]

[dcitsolutions]

I thought I was having an issue with Zen Lightbox, but it appears as though this issue may be related to Google Chrome and I was wondering if anyone else has had this issue or if there is a known solution.

The Issue:
When clicking on an image to show the lightbox image, a white box comes up but no image or links become visible. This only happens in Google Chrome.

The Testing:
Two different systems tested: 1 x Windows 7 Ultimate x64, 1 x Windows XP Pro x32
Two websites tested:
http://flowerswithstyle.com.au
http://www.scrapdillyishious.com/shop/
The following browsers have been tested:

• Google Chrome v7.0.503.0)
• Firefox v4.0b4
• Internet Explorer v8.0.7600.16385
• Opera v10.61
• Safari v5.0.1 (7533.17.8)
• K-Meleon v1.5.4
• SeaMonkey v2.0.6
• Avant v2010 build 111
• Maxthon v3.0.17.1000

Every browser tested display the lightbox without issue apart from Google Chrome.

I at first thought that maybe it was to do with a jscript/code conflict on the site I was working on, but then I tested another site with lightbox and experienced the same issue.

This being said I had till now only tested sites proclaiming to use Zen Lightbox.

I navigated to the following page to test lightbox outside of the Zen Lightbox mod and was suprised to find that the lightbox displayed in Google Chrome without issue:
http://www.huddletogether.com/projects/lightbox2/

So, it now appears as though the issue is related to Google Chrome and Zen Lightbox.

Further Testing:
I decided I would try a different version of Google Chrome as the version I was using was the latest Beta version. I uninstalled this (on my XP machine) and installed the latest release (Google Chrome v5.0.375.127). Low and behold, lightbox now works!

Where To From Here:
The above testing and the fact that Zen Lightbox is not working with Google Chrome v7.0.503.0 but Lightbox does work outside of the Zen Lightbox mod suggests that Zen Lightbox may need to be looked at as far as compatibility with the upcoming releases of Google Chrome, however, as the version that is not working is a BETA version there may be no support for this as yet.

It would however be interesting to see if this issue is replicated by others and if there is a solution available that someone may have found.

Happy Zenning!

[hitch]

Hi All,

I have been using this mod, with ih2 happily for ages and they are all up to date.

I have just tried to integrate the 'attribute replaces main image' addon and am trying to get zencart to work in the same way it does with additional images.

I think the file i need to alter is below where i have tried to copy the code from tpl_modules_main_product_image.php. I think my problem is with the java script. If i dont include the documment.write script part it returns the larger image fine. If i add as below (and in tpl_modules_main_product_image.php) The image is not there (or the ability to clisk it obviously)

Code in file

...
<?php
echo '<script language="javascript" type="text/javascript"><!--
document.write(\'<a href="' . zen_lightbox('images/'.$attributes_image, $alt, LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]"  >' . $image . '<br /><span class="imgLink">' . zen_image('images/bigger_picture.jpg', 'larger image', '140', '44') . '</span></a>\')//--></script>';
?>
...

HTML result

<script language="javascript" type="text/javascript"><!--
document.write('<a href="images/attributes/PMXA-67RS.png" rel="lightbox[gallery]"  ><img src="bmz_cache/4/4f1f33407f5f2208814e35797be58f8f.image.145x200.png" alt="" width="145" height="200" /><br /><span class="imgLink"><img src="images/bigger_picture.jpg" alt="larger image" title=" larger image " width="100" height="100" /></span></a>')//--></script>

But no actual code to make it happen

Any help is appreciated

[gabe8496]

Just finished installing this on v1.3.9e and works perfectly! Thanks for a great addon!

[oberheimer]

Can i code it so the other javascript files are only loaded on the index page and lightbox is loaded on the other pages. There is someting with them that does'nt work together so.
Can someone help me out

[oberheimer]

I fixed the error message just had a .php file in the jscript folder so now it's only 1 js file that does'nt work with lightbox can someone help me out?

[isasolutions]

I'm using 1.3.9f and am having trouble getting this module to work.

I've installed it with no errors and had no file conflicts. All the includes seem to happen on the pages & when I load up the products_info page for a product and inspect the page using firebug I can see that the links for the image are being created by zen lightbox. e.g:

<script language="javascript" type="text/javascript"><!--
document.write('<a href="images/large/10/067_Image_0002_LRG.jpg" rel="lightbox-g" title="Food Tray Dispenser (16 Tray)"><img src="images/10/067_Image_0002.jpg" alt="Food Tray Dispenser (16 Tray)" title=" Food Tray Dispenser (16 Tray) " width="150" height="100" /><br /><span class="imgLink">Click to enlarge</span></a>');
//--></script>
<noscript>
<a href="http://www.actionaidsaustralia.com/index.php?main_page=popup_image&amp;pID=21025" target="_blank"><img src="images/10/067_Image_0002.jpg" alt="Food Tray Dispenser (16 Tray)" title=" Food Tray Dispenser (16 Tray) " width="150" height="100" /><br /><span class="imgLink">Click to enlarge</span></a></noscript>
</div><!--eof Main Product Image-->

but when I click on the image it just opens the large image in the window. I have to click back in the browser to go back to the product_info page.

I've noticed a few on this thread have had this problem but I can't see a solution???

We are using the large image suffix feature of zen cart e.g imagename_LRG.jpg...don't know if this doens't work with zen lightbox???

url to a demo product is:

http://www.actionaidsaustralia.com/i...ducts_id=21025

thanks,

[sonik_fury]

I'm using 1.3.9f and am having trouble getting this module to work.

I've installed it with no errors and had no file conflicts. All the includes seem to happen on the pages & when I load up the products_info page for a product and inspect the page using firebug I can see that the links for the image are being created by zen lightbox. e.g:

<script language="javascript" type="text/javascript"><!--
document.write('<a href="images/large/10/067_Image_0002_LRG.jpg" rel="lightbox-g" title="Food Tray Dispenser (16 Tray)"><img src="images/10/067_Image_0002.jpg" alt="Food Tray Dispenser (16 Tray)" title=" Food Tray Dispenser (16 Tray) " width="150" height="100" /><br /><span class="imgLink">Click to enlarge</span></a>');
//--></script>
<noscript>
<a href="http://www.actionaidsaustralia.com/index.php?main_page=popup_image&amp;pID=21025" target="_blank"><img src="images/10/067_Image_0002.jpg" alt="Food Tray Dispenser (16 Tray)" title=" Food Tray Dispenser (16 Tray) " width="150" height="100" /><br /><span class="imgLink">Click to enlarge</span></a></noscript>
</div><!--eof Main Product Image-->

but when I click on the image it just opens the large image in the window. I have to click back in the browser to go back to the product_info page.

I've noticed a few on this thread have had this problem but I can't see a solution???

We are using the large image suffix feature of zen cart e.g imagename_LRG.jpg...don't know if this doens't work with zen lightbox???

url to a demo product is:

http://www.actionaidsaustralia.com/i...ducts_id=21025

thanks,

I'm having the same issue

[davewest]

I've noticed a few on this thread have had this problem but I can't see a solution???

I'm having the same issue

Slimbox 1.67 is what's in zen lightbox which uses mootools library. If your site is using jquary library, the two don't mix well. I think there was a walk around back some posts.... not sure why. Best answer is to upgrade Slimbox to version 2.0 which makes use of the jquary library instead of Mootools.

[lumpylumpy]

I thought I was having an issue with Zen Lightbox, but it appears as though this issue may be related to Google Chrome and I was wondering if anyone else has had this issue or if there is a known solution.

The Issue:
When clicking on an image to show the lightbox image, a white box comes up but no image or links become visible. This only happens in Google Chrome.

The Testing:
Two different systems tested: 1 x Windows 7 Ultimate x64, 1 x Windows XP Pro x32
Two websites tested:
http://flowerswithstyle.com.au
http://www.scrapdillyishious.com/shop/
The following browsers have been tested:

• Google Chrome v7.0.503.0)
• Firefox v4.0b4
• Internet Explorer v8.0.7600.16385
• Opera v10.61
• Safari v5.0.1 (7533.17.8)
• K-Meleon v1.5.4
• SeaMonkey v2.0.6
• Avant v2010 build 111
• Maxthon v3.0.17.1000

Every browser tested display the lightbox without issue apart from Google Chrome.

I at first thought that maybe it was to do with a jscript/code conflict on the site I was working on, but then I tested another site with lightbox and experienced the same issue.

This being said I had till now only tested sites proclaiming to use Zen Lightbox.

I navigated to the following page to test lightbox outside of the Zen Lightbox mod and was suprised to find that the lightbox displayed in Google Chrome without issue:
http://www.huddletogether.com/projects/lightbox2/

So, it now appears as though the issue is related to Google Chrome and Zen Lightbox.

Further Testing:
I decided I would try a different version of Google Chrome as the version I was using was the latest Beta version. I uninstalled this (on my XP machine) and installed the latest release (Google Chrome v5.0.375.127). Low and behold, lightbox now works!

Where To From Here:
The above testing and the fact that Zen Lightbox is not working with Google Chrome v7.0.503.0 but Lightbox does work outside of the Zen Lightbox mod suggests that Zen Lightbox may need to be looked at as far as compatibility with the upcoming releases of Google Chrome, however, as the version that is not working is a BETA version there may be no support for this as yet.

It would however be interesting to see if this issue is replicated by others and if there is a solution available that someone may have found.

Happy Zenning!

Hi, i discovered the same thing today, when i updated Chrome. In the others browsers work fine, like you said.
I have tried some tweaks and hacks but with no result.
The lightbox that you mentioned to work outside off Zen Cart does not relly on MooTools as Zen LightBox.
I will do some more digging to see whats about the Moo tools .JS that Chrome doesnt like or maybe its a bug from Chrome ?

Best regards, Zoli.

[ZeeRocK]

Hi,

I have a new site (link below) and I have installed a script which you can see on the right side. Now this is a Java Script. If I remove that java script Light Box works without any problem but script doesn't.

If I keep the script the lightbox breaks and images open in plain white window, which can be seen on the site at the moment.

Any help as to how can I keep both scripts ?

Thanks

Site here ------ http://bit.ly/9flPfh