Zen Lightbox addon [Support Thread]

hia

i got the lightbox to work after all, had to install IH2 first then it works okay, but now it only works on some products,

while others when clicking on larger image in product info page, the image is opened in the same window.

i guess this is something simple.

all help appreciate. AS then i can return to sleep:sleep:

sahail312:

hia

i got the lightbox to work after all, had to install IH2 first then it works okay, but now it only works on some products,

while others when clicking on larger image in product info page, the image is opened in the same window.

i guess this is something simple.

all help appreciate. AS then i can return to sleep:sleep:

Are you sure the page has finished loading before clicking on the 'larger image' link?

I have lightbox and IH2 added to my zen cart 1.3.6 installation. Thanks for a great contribution. Lightbox works great with 1 image but I haven't been able to get it to work with additional images.

I have tried different naming conventions but still no luck. Could someone give me the correct instructions on how to get lightbox to work with multiple images? I would appreciate it.

Can you get additional images working normally? Or could you get additional images working before installing Zen Lightbox?

Alex Clarke:

Can you get additional images working normally? Or could you get additional images working before installing Zen Lightbox?

Hi Alex,

To be honest I didn't try to use more than one image before installing Light box. I saw it on other sites and liked it so well I knew I had to have it. It is really nice!

I reinstalled Lightbox and now additional images show up in the product display. If I click on the main image it will display in Lightbox properly with a next button at the top. If I click the next button I get a lightbox an icon in the center that looks like a daisy with the petals rotating around the center, nothing else. The images are stored in images/samples instead of the main directory if that matters.

If I go back to the product listing and click on one of the "extra" images I get the same icon rotating. Any ideas? What is the proper way to uninstall Lightbox to start over from scratch?

Thanks for your help.

Before uninstalling check to see if you have Image Handler installed. Zen Lightbox seems to be a bit buggy with that at the moment.

To uninstall Zen Lightbox just restore your backup! :|

Ok, that wasn't funny... I'm sure you've made loads of changes to your site since installing Zen Lightbox and to roll-back that far would be very time consuming.

The best way to uninstall Zen Lightbox is to follow the install instructons in reverse. Since no core files of Zen Cart are overwritten you're safe to go ahead and delete all the Zen Lightbox files.

Good luck. :)

I just wanted to report that I have lightbox installed on a 1.3.7 development cart with IH2 and have no problems what so ever. No bugs here. I installed IH2 first on a clean install and then installed lightbox and all is good. The only thing I did do was clean up some stuff to make the page validate, but that was after I had been running it for a while.

I also have it working fine with additional images.....

besides additional images lightbox works fine with me and I've been happy about it but I'm using ligthbox with wordpress as well for certain features and photos. I was wondering is there a way to lauch those picture sets somehow with zen also. It would help a lot our navigation on our site. This is how it works on wp:

<a href="feature/gal1-1.jpg" rel="lightbox[gal1]"></a>
<a href="feature/gal1-2.jpg" rel="lightbox[gal1]"></a>
<a href="feature/gal1-3.jpg" rel="lightbox[gal1]"></a>

<a href="feature/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>

is there a way to get few occasional links to work in similar matter (ofcourse with product images as well) in zen cart?

Hi is there any updates regarding the extra text that is displayed on the product review page and the failing to display review product images in the wonderful light box.

poosk:

besides additional images lightbox works fine with me and I've been happy about it but I'm using ligthbox with wordpress as well for certain features and photos. I was wondering is there a way to lauch those picture sets somehow with zen also. It would help a lot our navigation on our site. This is how it works on wp:

<a href="feature/gal1-1.jpg" rel="lightbox[gal1]"></a>
<a href="feature/gal1-2.jpg" rel="lightbox[gal1]"></a>
<a href="feature/gal1-3.jpg" rel="lightbox[gal1]"></a>

<a href="feature/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>

is there a way to get few occasional links to work in similar matter (ofcourse with product images as well) in zen cart?

Zen Lightbox uses rel="gallery" in the href line of code. Try this and it should work!

jayson.gurney:

Hi is there any updates regarding the extra text that is displayed on the product review page and the failing to display review product images in the wonderful light box.

I was working on a fix, but had to park that for the moment. I'm currently overloaded with work and am setting up 4 Zen Cart sites for different clients who all want lots of customised stuff!

I'll try and get an update released asap. :)

hia

have got light box working on site, a few questions.

1. ive read on the thread there is a error with the hover function in IE (im using v6,) . ive disabled it from the admin page at the moment but will like to use it. i get an error message at the bottom of iE when it is on (clint y etc ) , but it does work. the error dissaperes if the page is reloaded. any ideas on fix for this

2. ive installed IH2, im assuming that when one image is uploaded from the products discription page, IH2 will create a small, medium and large image versions for the image. Now with the lightbox istalled which image is being called up to be displayed? the default image i uploaded? and are the other size images still being created (small and medium large) as when looking for these images within the image directory i could not find the various size images.

the reason this is bothering me, i do not want zencart to be showing the default size imge on the main homepage with the dimensions just reduced, as the site is really slow anyway. trying to speed it up.

hope this made sence to someone. thanks/ in advance

:lamo:
need to have site online this week

sahail312:

i get an error message at the bottom of iE when it is on (clint y etc ) , but it does work. the error dissaperes if the page is reloaded. any ideas on fix for this
I believe a solution was posted in the Image Handler 2 support thread.

sahail312:

are the other size images still being created (small and medium large) as when looking for these images within the image directory i could not find the various size images.
Look in the bmz_cache directory in root of shop. More about this on Image Handler 2 support thread and iH2 readme and support docs.

Alex Clarke:

Zen Lightbox uses rel="gallery" in the href line of code. Try this and it should work!

Alex thanks for the tip. I tried

<a href="/feature/killer-1.jpg" rel="gallery[gal1]"></a>
<a href="/feature/killer-2.jpg" rel="gallery[gal1]"></a>
<a href="/feature/killer-3.jpg" rel="gallery[gal1]"></a>

<a href="/feature/killer-1.jpg" rel="gallery"><img src="/images/thumb-1.jpg" width="100" height="40" alt="" /></a>

but it didnt work... can it only be used in product pages or have i messed up something..

poosk:

Alex thanks for the tip. I tried

<a href="/feature/killer-1.jpg" rel="gallery[gal1]"></a>
<a href="/feature/killer-2.jpg" rel="gallery[gal1]"></a>
<a href="/feature/killer-3.jpg" rel="gallery[gal1]"></a>

<a href="/feature/killer-1.jpg" rel="gallery"><img src="/images/thumb-1.jpg" width="100" height="40" alt="" /></a>

but it didnt work... can it only be used in product pages or have i messed up something..

Well... the above code uses 2 different 'rel' values. They should be the same.

Also you'll need to call the lightbox jscript file. This needs to be called on all pages you want to use the lightbox effect on. You'll notice that this file is automatically loaded when the product_info_display page is opened. Check out the file structure of Zen Lightbox and it should become more clearer. :)

Without re-reading the whole thread I don't know if this was brought up already but here goes.........To get the product info page or any other page using the light box you need to make a change to the following line in includes/templates/YOUR_CUSTOM_TEMPLATE/templates/tpl_modules_main_product_image.php```
document.write('<?php echo '<a href="' . zen_image_lightbox_IH2_url($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($products_name) . '">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>');

You need to add \ in two places....like this.....all the way at the end:```
document.write('<?php echo '<a href="' . zen_image_lightbox_IH2_url($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($products_name) . '">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '<\/span><\/a>'; ?>');

barco57:

To get the product info page or any other page using the light box

Barco,

Can you clarify meaning of this statement? Sorry I don't understand.

Woody

huh you would think I could finish a thought when typing with three screaming children in the house.

what I meant to say was "To get the product info page or any other page using the light box to validate"

barco57:

huh you would think I could finish a thought when typing with three screaming children in the house.
You're lucky I am not there, you would have four! ;-)

barco57:

what I meant to say was "To get the product info page or any other page using the light box to validate"
Change:
</span></a>

TO:
</span></a>

Thanks for the tip!

Woody

Hi folks,

Goot the lightbox installed and working, but my additional images aren't showing up.

Here's a sample product:

http://surfsecure.info/~survival/index.php?main_page=product_info&cPath=10&products_id=3

As you can see, there are two images in the same folder with the proper naming conventions:

http://surfsecure.info/~survival/images/products/belt_01.jpg

http://surfsecure.info/~survival/images/products/belt_02.jpg

But only the first image shows up in the lightbox.

It seems to work for me :)