Zen Lightbox addon [Support Thread]

[thec0wboy]

Thank you ScriptJunkie,

You're a scholar and a saint :)

The last method you described appears to have worked. I kind of thought that when I clicked on the image, it would expand to a larger one though. It seems like when I click on the pictures now they show up smaller? Any clue where I can change this setting, or does it simply have to do with the original size of the uploaded picture?

Essentially I'd like to have small previews that they can click on and then see the larger image.

I'd also love to make a gallery where they can scroll thru the pictures. Can anyone point me in the right direction on this?

Thanks again :) Zencart forums are fantastic!

[ScriptJunkie]

Thank you ScriptJunkie,

You're a scholar and a saint :)

The last method you described appears to have worked. I kind of thought that when I clicked on the image, it would expand to a larger one though. It seems like when I click on the pictures now they show up smaller? Any clue where I can change this setting, or does it simply have to do with the original size of the uploaded picture?

Essentially I'd like to have small previews that they can click on and then see the larger image.

I'd also love to make a gallery where they can scroll thru the pictures. Can anyone point me in the right direction on this?

Thanks again :) Zencart forums are fantastic!

Thank you, but I can't take credit :) I just recall having read somewhere on the thread another person had that issue, so I searched for it until I found the solution is all :)

Re: Gallery....check Admin>Configuration>Zen Lightbox> Include Main Image in Gallery - should be set to "true"

Also, you need to follow the image file naming protocol for zen cart. For example:

Main Image: flower.jpg
Additional product images: flower_01.jpg, flower_02.jpg, etc

Re: Lightbox making images smaller instead of larger - you're absolutely right - it should make them larger than the main product image.

Assuming you're not also using any other image modifying addons, There are a few ways to accomplish this.

Method 1:

Change

<a  href="http://www.beautifulexpressions.hwyman.com/images/161520.jpg"  rel="lightbox"><img  src="http://www.beautifulexpressions.hwyman.com/images/161520.jpg"></a>

to

<a  href="http://www.beautifulexpressions.hwyman.com/images/161520.jpg"  rel="lightbox"><img src="http://www.beautifulexpressions.hwyman.com/images/161520.jpg" width="125" height="125"></a>

Naturally, you'll adjust the width and height size to whatever size you want your thumbnails to be...I just put in 125 and 125 as an example.


Method 2

Another way to accomplish this is to use the zen cart image size folders and suffixes. Tutorial

For example, let's say you want thumbnails on the ez page to be 125z125...you take your image (already sized to 125z125) and name it myImage_MED.jpg and put it in the images/medium folder. Then let's say you want the larger image for the lightbox to be 600x600. You take your image (already sized to 600x600) and name it myImage_LRG.jpg and put it in your images/large folder.

Then, you would write your URL for the ez page like this:

<a   href="http://www.beautifulexpressions.hwyman.com/images/large/myImage (or in your case161520).jpg"   rel="lightbox"><img  src="http://www.beautifulexpressions.hwyman.com/images/medium/myImage (or in your case161520).jpg"></a>

Method 3

Lastly, IMHO, the best way to accomplish this is to also install ImageHandler2, because this allows you to use one size image per product (plus any additional images like image_01, image_02, etc). You take the largest image you have for a product (the one you want in the lightbox), and simply upload it to the main images folder. Then use the settings in the IH2 mod to resize the images for you. This way, you don't have to manually create three different sized images per product (large for the light box, medium for your thumbnails and main product image, and small for sideboxes, etc).

If you install IH2, then the first method I gave you (the one that now incorrectly returns smaller images in the light box rather than larger images) will work correctly.

Hope this helps :)