Zen Lightbox addon [Support Thread]

limelites:

Thanks for the replay, I'm still on zen_lightbox-v1.5-20081218

Can't seem to find a download for MooTools. I'll keep looking.

Here is the link: http://mootools.net/download

Seth&Dave,
Thanks for your help. I was struggling to get Chrome to work with lightbox, but after reading this thread you guys made my day.

TJ

The fix stated earlier worked like a champion for myself.

I have a slight concern with the size of the:
zen_lightbox_mootools_custom.js

The file weights in at a pretty hefty 137kb but optimizing it can get you to the 100kb mark.

I have no clue regarding Javascript and to be honest it isn't something on my near sighted to do list to start learning. Theoretically could this file be trimmed substantially or is everything in it a core function?

stiggy100:

.....I have a slight concern with the size of the: zen_lightbox_mootools_custom.js

The file weights in at a pretty hefty 137kb but optimizing it can get you to the 100kb mark.

You may want to replace the file with the compacted version weighing in at 84kb.

stiggy100:

...Theoretically could this file be trimmed substantially or is everything in it a core function?

Every single bit in the file is required to make it work :yes:

Great, I'll get involved in the compact version...

I suspected it would all be required - but it is always nice to know it is rather than to guess, not that I would know the first thing about modyfying it even if some of it wasn't necessary :shocking: It most certainly looks like a heck of a lot of work that has gone into it!!!

Thanks for getting back to me I appreciate it..

Hi Dave,

I have done your fix, but now in all browsers, the large image link just opens a new page with the image. Lightbox is not functioning at all. I am using Zen-Cart v1.3.9g. What versions have you tested your fix on? I'm not sure what else to try, but I need to get this working ASAP!

Thanks,
Danielle

davewest:

Go to Mootools web site, download 1.3 compacted, rename it to something like 'jscript_mootools-1.3.js' replace mootools in your template jscript folder... download the zip I uploaded some posts back, unzip and replace the one in \includes\classes\zen_lightbox\slimbox.php and that should do it...

Fuel had a even older version of Slimbox then zen lightbox did.... not sure if it was updated...

Slimbox 2 works grate with the jquery library... same thing, edit the slimbox.php to do the jquery calls using the php coding like before and all should work the same.... I have other scripts using the mootools library is why I'll stay with it...

Danielle:

Hi Dave,

I have done your fix, but now in all browsers, the large image link just opens a new page with the image. Lightbox is not functioning at all. I am using Zen-Cart v1.3.9g. What versions have you tested your fix on? I'm not sure what else to try, but I need to get this working ASAP!

Thanks,
Danielle
upgraded back in 1.3.8a all the way to 1.3.9h no problems... can't tell you what you may have missed.... no website to look at and the one in your sig is using something else that's not working ....

Thank you, thank you, thank you.

Works in I.E, Chrome and Firefox.

aozhaver:

OK, God forbid anyone should post here a PROPER solution to help others with the new chrome issue so after fiddling for 2 days I bring you here the proper working fully tested solution no fiddling required.

Get this file Attachment #8349

Upload to the following locations and replace existing files:

Replace slimbox.php in your
.../includes/classes/zen_lightbox
With the new slimbox.php file included in my ZIP

Replace stylesheet_zen_lightbox.css in your
.../includes/templates/YOUR_TEMPLATE/css
with the new stylesheet_zen_lightbox.css file included in my ZIP

copy the GIFS (photo) files to your
.../includes/templates/YOUR_TEMPLATE/images

THATS IT!!!

DONT TOUCH your JScript folder files!! - leave that for the wisecracks...

The only reason that this thread isnt FLOODED with people having this problem is simply because most haven't updated their chrome version.

Even I by total chance had to uninstall chrome and reinstall a new version to resolve unrelated issues and then my woes started with lightbox.

GOOD LUCK!! :clap:

zen cart 1.3.9.d upgraded from 1.3.8a

I received a notice from a customer that my lightbox (zen lightbox 1.5) was hanging in their google chrome browser when they clicked on a product picture. I checked it with my google chrome and sure enough it was hanging in mine too. I removed the lightbox and tried different versions with no luck so I went back to my original zen lightbox and now that won't work right.

I had it installed on zen 1.3.8a working good and carried it over during update to zen 1.3.9d but now that's it has been removed and trying to put it back it just won't work right in any browser. I click on an image and I can see the lightbox trying to open and then the image just pops out opening in the browser instead and then I have to click the browser back button to go back to my store.

I tried aozhaver's fix but it didn't make any difference to what is happening.

There are no debug files in my cache for a clue.

I searched this thread, but didn't find anything relevant.

We are using sub-categories as our product pages. Because of this, we put several images along with a description in the sub-category description box. It doesn't look like sub-categories have a folder in modules/pages to put the appropriate file. How can I get this lightbox code to work with my image code in the sub-category description?

I hope that is clear enough. Thanks for any help.

stanislawl:

Hello,

Thank you for your great contribution.

I have a small problem with lightbox on reviews pages. I have a website in 5 languages (http://www.olaf.legnica.pl) and the standard language is Polish. There are 3 reviews, all in Polish. If a review is displayed in Polish (http://www.olaf.legnica.pl/index.php?main_page=product_reviews_info&products_id=1886&reviews_id=3), everything is OK (see pic. 1), but after having switched to another language I have an unnecessary text on the left border of the image (see pic. 2). Moreover, it stays when I switch back to Polish (http://www.olaf.legnica.pl/index.php?main_page=product_reviews&products_id=1886).

How to get rid of that?

Best regards,
Stan

Hi Guys
Lightbox has been great, installed easily, works in all the browsererc and I have no problems except I get exactly the same problem in 'reviews', the code number in square brackets followed by a small piece of code example .[BRB 002]">
next to the image. You can see an example on my test site http://www.blackrunbikes.co.uk/mountain-bike/index.php?main_page=product_reviews&products_id=2

The review page appears to use the same image code as all the other pages but only has this fault on the reviews page as far as i can tell

Any ideas or help would be great.
Kind regards
Steve

For those who fail to make it work after following Dave's instructions, remember to EMPTY your chrome browser CACHE after applying the fix. I had to do this in order to see the fix working! Thanks Dave.

yayyy! after taking a break and coming back and re-re-reading davewests directions and finally finding the slimbox zip that was posted I finally 'GOT IT' and my lightbox is now working in chrome. :clap: It was driving me nuts without my lightbox.

Thank you davewest!

For anyone else that finally discovers they or their customers have a problem with their stores lightbox in google chrome:

go here - http://mootools.net/download

and download the file - MooTools Core 1.3 with compatibility

Go to this post

http://www.zen-cart.com/forum/showpost.php?p=951296&postcount=2139

and find near the bottom and download the slimbox.zip file

unzip the the slimbox.zip file and upload the slimbox.php file to \includes\classes\zen_lightbox, replacing the existing one.

Open the MooTools Core 1.3 file in a text editor. Highlight and copy the code, then paste the code into the two files (removing the code that's in them)

/includes/templates/Your_Template/jscript/
zen_lightbox_mootools_custom.js
zen_lightbox_mootools_default.js

sickguy:

For those who fail to make it work after following Dave's instructions, remember to EMPTY your chrome browser CACHE after applying the fix. I had to do this in order to see the fix working! Thanks Dave.

Hi Sickguy

Your post 'Re: Problem with images in reviews'

where are Dave's instructions you say I should follow, i can only see instructions for post related to 'Re: Zen lightbox chrome fix' which I do not have a problem with, my LightBox works fine in all browser. I just have aproblem with the images in Reviews which have unwanted text/code to the left of the image
Cheers
Steve

buildingblocks:

yayyy! after taking a break and coming back and re-re-reading davewests directions and finally finding the slimbox zip that was posted I finally 'GOT IT' and my lightbox is now working in chrome. :clap: It was driving me nuts without my lightbox.

Thank you davewest!

For anyone else that finally discovers they or their customers have a problem with their stores lightbox in google chrome:

go here - http://mootools.net/download

and download the file - MooTools Core 1.3 with compatibility

Go to this post

http://www.zen-cart.com/forum/showpost.php?p=951296&postcount=2139

and find near the bottom and download the slimbox.zip file

unzip the the slimbox.zip file and upload the slimbox.php file to \includes\classes\zen_lightbox, replacing the existing one.

Open the MooTools Core 1.3 file in a text editor. Highlight and copy the code, then paste the code into the two files (removing the code that's in them)

/includes/templates/Your_Template/jscript/
zen_lightbox_mootools_custom.js
zen_lightbox_mootools_default.js

THANK YOU! After wasting numerous hours trying to figure it out I fixed it using your guide. Once again, thanks. Hope it helps everyone else out too.

Thanks for this, my Google Chrome used to behave...lol but now it would not show the lightbox effect totally. It would give the black overlay but would only show a white box in place of a picture. I followed the instructions given in the quote and it still did not wish to work right HOWEVER

I did rename the mootools.js that I downloaded to jscript_mootools-1.3.js and added it into the templates/jscript folder with the edited fiels and now I have a working lightbox in my own Chrome.

I did notice though that not only the lightbox broke in Google Chrome and Safari but the IH2 images are not shown at the side as usual, they appear but at the top of the page--which makes it look like there are no hover images when you hover...ideas of how to fix that?

buildingblocks:

yayyy! after taking a break and coming back and re-re-reading davewests directions and finally finding the slimbox zip that was posted I finally 'GOT IT' and my lightbox is now working in chrome. :clap: It was driving me nuts without my lightbox.

Thank you davewest!

For anyone else that finally discovers they or their customers have a problem with their stores lightbox in google chrome:

go here - http://mootools.net/download

and download the file - MooTools Core 1.3 with compatibility

Go to this post

http://www.zen-cart.com/forum/showpost.php?p=951296&postcount=2139

and find near the bottom and download the slimbox.zip file

unzip the the slimbox.zip file and upload the slimbox.php file to \includes\classes\zen_lightbox, replacing the existing one.

Open the MooTools Core 1.3 file in a text editor. Highlight and copy the code, then paste the code into the two files (removing the code that's in them)

/includes/templates/Your_Template/jscript/
zen_lightbox_mootools_custom.js
zen_lightbox_mootools_default.js

I have done a little more research an it appears EVERYONE who uses Zen Lightbox suffers from this problem if they use product or part numbers for their items.

I guess they haven't full checked their site to know they have this problem.

A few of posters on this thread sites with this same problem (unwanted text / code next to main image) on reviews page

http://www.newandroidtabletpc.co.uk/index.php?main_page=product_reviews&products_id=103

http://www.actionaidsaustralia.com/index.php?main_page=product_reviews&products_id=21025

http://www.prioritypetproducts.com/index.php?main_page=product_reviews&products_id=29

http://www.ducashop.ro/ducashop/index.php?main_page=product_reviews&products_id=1352

http://www.scrapdillyishious.com/shop/index.php?main_page=product_reviews&products_id=103

http://www.blackrunbikes.co.uk/mountain-bike/index.php?main_page=product_reviews&products_id=2

http://www.creationsdelphine.com/catalogue/index.php?main_page=product_reviews&products_id=76

Any solutions or comments welcome

I am new to this forum. I wonder if this is right place to post zen lightbox install issues. I uploaded all the files from downloaded files (after unzipped). When I run the install SQL file it errored as below:"1146 Table 'vallyxllcdb.configuration_group' doesn't exist
in:
[SELECT @cgi := configuration_group_id FROM configuration_group WHERE configuration_group_title = 'Zen Lightbox';]
If you were entering information, press the BACK button in your browser and re-check the information you had entered to be sure you left no blank fields.
"
Anyone can help with this? or how I create Table 'vallyxllcdb.configuration_group' if this is right route to go?

thanks a lot. Hoa.

I have not had this problem before the latest update---do not get me wrong I am not talking down about the updates...very needed and being only human things do go wrong from time to time.

However this time only Safari and Google were affected as I said now they just have the IH2 image floating at the top of the page so it looks like there is no hover image at all.

About those links you posted...I use model number/names also but I do not add them to the name of the image. I do put the name down below where the model name is listed in the description page but without ANY non letter/number characters.... gl-mavkadress like that

I do use brackets in the actual name of the product to signify what item the textures are for but they do not bother any other aspect of the description or images.

Maybe they need to remove the brackets and only use the model numbers in the proper place and not the images??

Just a thought is all...for we all put our shops the way we like them to be.

stevekane:

I have done a little more research an it appears EVERYONE who uses Zen Lightbox suffers from this problem if they use product or part numbers for their items.

I guess they haven't full checked their site to know they have this problem.

A few of posters on this thread sites with this same problem (unwanted text / code next to main image) on reviews page

http://www.newandroidtabletpc.co.uk/index.php?main_page=product_reviews&products_id=103

http://www.actionaidsaustralia.com/index.php?main_page=product_reviews&products_id=21025

http://www.prioritypetproducts.com/index.php?main_page=product_reviews&products_id=29

http://www.ducashop.ro/ducashop/index.php?main_page=product_reviews&products_id=1352

http://www.scrapdillyishious.com/shop/index.php?main_page=product_reviews&products_id=103

http://www.blackrunbikes.co.uk/mountain-bike/index.php?main_page=product_reviews&products_id=2

http://www.creationsdelphine.com/catalogue/index.php?main_page=product_reviews&products_id=76

Any solutions or comments welcome

DarkAngel:

I have not had this problem before the latest update---do not get me wrong I am not talking down about the updates...very needed and being only human things do go wrong from time to time.

However this time only Safari and Google were affected as I said now they just have the IH2 image floating at the top of the page so it looks like there is no hover image at all.
I haven't had a chance to install the latest version of IH2, but looking at the script, it should be version 4.2.. On Nigel blog, he says its working with Chrome, Opera and Safari... You may just need to update the script file it self.