Zen Lightbox addon [Support Thread]

barco57:

try reloading the additional_images.php and make sure you use the correct directory tree includes/modules/YOUR_CUSTOM_TEMPLATE_NAME/additional_images.php

tried that out...didn't work :(

could this be a problem with the 1.3.7??

Wouldn't be a problem with 1.3.7 cause I have a development 1.3.7 site up with lots of additional images and everything worked straight out of the box..........well it was a 1.3.6 site and upgraded to 1.3.7 during developement.....So I don't know if that makes any difference

I installed Image Handler 2.0 and it worked fine.

s_mack:

Of course, now I see how you have a problem with hardcoding in the lightbox.js file :(

Where it says: ```
//
// Configuration
//
var fileLoadingImage = "includes/templates/template_default/images/lightbox/loading.gif";
var fileBottomNavCloseImage = "includes/templates/template_default/images/lightbox/closelabel.gif";

> There's no easy way of doing that without hardcoding.  I suppose the best way to work this if you want to conform as much as possible to the templating scheme of zen without creating a lot of work... is to do this: ```
//
//	Configuration
//
var fileLoadingImage = "images/lightbox/loading.gif";	
var fileBottomNavCloseImage = "images/lightbox/closelabel.gif";
``` and move the two image files to the main image directory.
> 
> All just suggestions!
> 
>  - Steven

Steven,

Just wondering if you managed to find a solution to the problems with values contained within lighbox.js and altering them.

I'm currently testing a few 'ideas' out but coming up with nothing! :(

BTW - The new version of Zen Lightbox is almost ready to be released.

Alex -- I've disappeared for a bit, but I'm working on a new site, so I tried to catchup since the Image Handler release. Reading your last post, what is the reason to avoid Steve's suggestion of just moving the images to the images folder?

While it doesn't technically fall into the "templating override" - most people will be copying their image folders between upgrades. I think its the simplest solution - calling the template folder from zen-cart in the JS would require more complicated work-arounds.

You could also make the js file a php file that serves up js. I do the same thing for my business, but in .NET. Can you call <script type="text/javascript" src="includes/templates/(whatever PHP code to get template directory)/jscript/lightbox_prototype.php"></script>? It should work fine.

Well, that's my humble opinion anyway.

I'm looking forward to the latest release.

Chris

Chris,

Great to see you back and I hope the work on the new site is going well.

I can call the example you provided. However, I really want to be able to call php from the main lightbox js file. This isn't just to allow me to correctly use the template override system, but also to let me change certain lightbox settings.

Regards,

Alex

Alex... I just did what I suggested in the quote. But I like what (i think) Chris is suggesting... use a PHP file to generate the js on the fly and ditch the .js file altogether! More work, but ultimate flexibility and control.

Whenever you have js that needs to reference php variables it gets tough, and generating it on the fly is often necessary.

But my suggestion is MUCH simpler. The only downside, of course, is that the user can't override the two graphics files in their templates because its in the root images folder instead of the template's images folder. Obviously the user can change the images by replacing them... but if they want different "loading" and "closelabel" images for a (example) Christmas template or whatever, they lose the benefit of the zen templating system. I think this is a very minor concern since its only these two images and they are pretty universal images. Its not like they are front page banners or anything.

• Steven

You can't easily call PHP in js. JS is parsed on the client side, and PHP is parsed on the server side - obviously - so any PHP variables you want to access in JS have to be done on the server side.

Basically, instead of serving up a static js file, you call a PHP script, which creates js (or basically text in any form - which can be js) dynamically. You don't need to do anything special, just have it called from inside <script> tags. If you want, you can have the PHP output JSON or XML and then have the JS call that and parse it - but its a hell of a lot more work than just creating the JS file on the fly with the variables already in it.

So, I agree with Steven, for simplicity sake either calling a PHP file in the <script> tag is the most flexible option, and Steven's image directory solution is the most straight forward and quick solution.

The PHP file is the better solution long term, but you can publish your release today if you use Steven's solution, and then develop the PHP file in the next few weeks.

Hi
I m a new user of ZEN Cart and found this super add on.
However I would like to change the position of all the bottom cells.
Indeed, I prefer to have the description and the close image on the top instead of having it on the bottom.

Can anyone help me pleaze and tell me what to change ?

Thanks

Ok I am sure this has been addressed before but for the life of I can not find the answer on here, actually a couple of questions.....
I only have lightbox installed, no image handler or anything else

I can open the main image just fine, but when i click next or try to open one of the other product images i get nothing (little circle thing spins for ever)...also I have noticed that the additional product images are displaying the addition of _LRG after the name (not in the original file, getting added somehow)

Also when in ie, the black-out doesn't reach to the bottom of the page

if anyone can help it would be much appreciated
https://www.rectecmontana.com is the site it is on

scratch that last post...installed image handler and all is fixed

Thanks Alex for the great addition, it really does add a nice little touch

Great stuff!

How can I adjust the image height and width? I am using IE. It takes up more than what's on my screen and enlarges the images to more than what I need. If I could get it to 300px height or so that would be nice.

:lamo:

or maybe just 100% of the image size?

dandy:

How can I adjust the image height and width? I am using IE. It takes up more than what's on my screen and enlarges the images to more than what I need. If I could get it to 300px height or so that would be nice.

If you're not using IH then it means that you uploaded too large of an image to your folder - either in you /images/ folder or your /images/large folder. Try sizing the image to whatever you want first and then upload it. Lightbox loads the image size that you have already specified.

Ah, I didn't see the new settings under Configuration > Images. Now I'm all set!

TY

How can we change the watermark image?

markred13:

scratch that last post...installed image handler and all is fixed

so.. this won't work without IH? The reason I ask is I plan to ditch IH.. its a great addition to ZC but due to lack of updates I don't want to keep winmerging files

It should work without IH. I'll install a fresh version of Zen Cart with only Zen Lightbox and test it out.

Will report back soon.