Zen Lightbox addon [Support Thread]

[jostar]

Hi zenners, Happy New Year!

Today I just found that the newer version (v1.6) of Zen Lightbox for 1.3.9 was uploaded last month. So I installed it to my 1.3.9h zencart where image handler2 was already installed.

But here I got a problem! In the product description page, the lightbox function works perfectly! However the gallery mode is not working at all.

Here is the product page where I have an item with multiple 'additional images' and 'attribute swatches': https://www.jostaronline.com/index.p...&products_id=9

I have swatch images for the attributes and additional images(named according to the additional image rule) and they are listed below the main image and product description.

To troubleshoot,

1) I checked into 'Configuration - Zen Lightbox' and 'Gallery Mode' was on.

2) I tried uninstall IH2.

3) I also tried to merge two 'additional images.php' in 'includes/modules' from 'IH2' and 'Zen Lightbox' but they seem identical using 'Compare plug-in in Notepad++.

4) I deleted IH2 image cache.

5) Using keyword 'gallery' I look thoroughly into this thread and no answer related to my situation was found!

Nothing seems to work for me!

I've currently turned on BOTH IH2 and Zen Lightbox 1.6.
My ultimate goal for the product description page in terms images is to have:

1) additional images inside the lightbox generated by clicking the main image

2) swatches to indicate which additional image corresponds to the particular color/print attribute.

Please, anybody, help me on this topic.
Many thanks in advance!

[niestudio]

Hi zenners, Happy New Year!

Today I just found that the newer version (v1.6) of Zen Lightbox for 1.3.9 was uploaded last month. So I installed it to my 1.3.9h zencart where image handler2 was already installed.

But here I got a problem! In the product description page, the lightbox function works perfectly! However the gallery mode is not working at all.

Here is the product page where I have an item with multiple 'additional images' and 'attribute swatches': https://www.jostaronline.com/index.p...&products_id=9

I have swatch images for the attributes and additional images(named according to the additional image rule) and they are listed below the main image and product description.

To troubleshoot,

1) I checked into 'Configuration - Zen Lightbox' and 'Gallery Mode' was on.

2) I tried uninstall IH2.

3) I also tried to merge two 'additional images.php' in 'includes/modules' from 'IH2' and 'Zen Lightbox' but they seem identical using 'Compare plug-in in Notepad++.

4) I deleted IH2 image cache.

5) Using keyword 'gallery' I look thoroughly into this thread and no answer related to my situation was found!

Nothing seems to work for me!

I've currently turned on BOTH IH2 and Zen Lightbox 1.6.
My ultimate goal for the product description page in terms images is to have:

1) additional images inside the lightbox generated by clicking the main image

2) swatches to indicate which additional image corresponds to the particular color/print attribute.

Please, anybody, help me on this topic.
Many thanks in advance!

Hi Jostar,
What method are you using to create the additional images?
When I checked your code for the page, your additional images code is creating javascript popup windows and there is no sign of the rel="lightbox-g" code which is how the lightbox works.

daniel

[jostar]

Hi Jostar,
What method are you using to create the additional images?
When I checked your code for the page, your additional images code is creating javascript popup windows and there is no sign of the rel="lightbox-g" code which is how the lightbox works.

daniel

Hi Daniel, i'm using IH2 to generate additional 'RESIZED' images. The method I use is this:

1) Assume that I have one style of clothing with five different colors(Red, Green, Brown, Pink, Navy).

2) Resize all images from 3MP to 600x800px to be used as the large images(This is only resize I execute myself).

3) Choose one of the five images to use as a main image(Red for example) and rename it as 'clothing_example.jpg'.

4) Rename the rest of the images: 'clothing_example_Green.jpg', 'clothing_example_Brown.jpg', 'clothing_example_Pink.jpg', and 'clothing_example_Navy.jpg' with respect to images' color.

5) Using FTP, upload all six images to a corresponding folder and add an item in Zen Cart Admin Page.

6) Finish adding item and there are small, medium, large images that are automatically resized by IH2.

This basically is the method I use to upload images for an item I want to add.

Please advise.
Thanks

[niestudio]

Hi Daniel, i'm using IH2 to generate additional 'RESIZED' images. The method I use is this:

1) Assume that I have one style of clothing with five different colors(Red, Green, Brown, Pink, Navy).

2) Resize all images from 3MP to 600x800px to be used as the large images(This is only resize I execute myself).

3) Choose one of the five images to use as a main image(Red for example) and rename it as 'clothing_example.jpg'.

4) Rename the rest of the images: 'clothing_example_Green.jpg', 'clothing_example_Brown.jpg', 'clothing_example_Pink.jpg', and 'clothing_example_Navy.jpg' with respect to images' color.

5) Using FTP, upload all six images to a corresponding folder and add an item in Zen Cart Admin Page.

6) Finish adding item and there are small, medium, large images that are automatically resized by IH2.

This basically is the method I use to upload images for an item I want to add.

Please advise.
Thanks

Hi Jostar,
I tried installing IH2 after zen lightbox 1.6 and I found the same issue as you describe. In your OP you said that you compared includes/modules/additional_images.php however thats not the one that gets overwritten with these addons, the one you want to compare is includes/modules/[your_theme]/additional_images.php.
If you overwrite this one with the one from zen_lightbox 1.6 you should find that you get your additional image functionality back.

Let me know if this doesnt work for you.

Cheers
Daniel

[finlander]

yeah, there has been some discussion recently on the IH main thread (DivaVocals) about the additional_images.php file. Lightbox seems to have the IH code built into that file pretty well. You could still merge the two files instead of total overwrite, but I always get complete functionality when overwriting the IH file w/ the Lightbox file.

[niestudio]

yeah, there has been some discussion recently on the IH main thread (DivaVocals) about the additional_images.php file. Lightbox seems to have the IH code built into that file pretty well. You could still merge the two files instead of total overwrite, but I always get complete functionality when overwriting the IH file w/ the Lightbox file.

Thanks finlander,

Thanks for the tip!
I'm not really familiar with IH2. I had never even heard of it before working on ZL 1.6b and someone asking if it worked with IH2.

Daniel

[DivaVocals]

yeah, there has been some discussion recently on the IH main thread (DivaVocals) about the additional_images.php file. Lightbox seems to have the IH code built into that file pretty well. You could still merge the two files instead of total overwrite, but I always get complete functionality when overwriting the IH file w/ the Lightbox file.

Thanks finlander,

Thanks for the tip!
I'm not really familiar with IH2. I had never even heard of it before working on ZL 1.6b and someone asking if it worked with IH2.

Daniel

And I'll repost what I already posted here on THIS support thread a few pages back....

Good to know this as we weren't aware that the Zen Lightbox module even had been recently updated AND had specific code which supported IH2.. The Fual Slimbox module requires some minor file merging to work with IH2, and it was always understood that the same applied to Zen Lightbox..

Unless I am misunderstanding what I see looking at the Zen Lightbox code for the additional_images.php file, and what you posted here, CLEARLY Zen Lightbox does not require any of the IH2 files be merged.. (It looks as if all you have to do is simply overwrite the additional_images.php from IH2 with the one from Zen Lightbox and every thing works together)

Perhaps when time permits we will update the IH2 documentation accordingly to minimize any confusion going forward..

[tachedout]

Works great my shared host auto installed and upgraded my install I had to edit the install.sql to reflect the table names so it could install in phpmyadmin

Example

INSERT INTO `zen_configuration_group` VALUES (NULL, 'Zen Lightbox', 'Configure Zen Lightbox settings', '0', '1');
UPDATE `zen_configuration_group` SET `sort_order` = LAST_INSERT_ID() WHERE `configuration_group_id` = LAST_INSERT_ID();

SELECT @cgi := `configuration_group_id` FROM `zen_configuration_group` WHERE `configuration_group_title` = 'Zen Lightbox';

INSERT INTO `zen_configuration` (`configuration_id`, `configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) VALUES
(NULL, '<b>Zen Lightbox</b>', 'ZEN_LIGHTBOX_STATUS', 'true', '<br />If true, all product images on the following pages will be displayed within a lightbox:<br /><br />- document_general_info<br />- document_product_info<br />- page (EZ-P

[jostar]

Hi Jostar,
I tried installing IH2 after zen lightbox 1.6 and I found the same issue as you describe. In your OP you said that you compared includes/modules/additional_images.php however thats not the one that gets overwritten with these addons, the one you want to compare is includes/modules/[your_theme]/additional_images.php.
If you overwrite this one with the one from zen_lightbox 1.6 you should find that you get your additional image functionality back.

Let me know if this doesnt work for you.

Cheers
Daniel

Thanks, Daniel! Replacing the current additional_images.php with the one that's in the Lightbox installation folder helped me get the gallery mode working! https://www.jostaronline.com/index.p...&products_id=9

The problem was that when I was installing the Lightbox to the Zen Cart that already had IH2 installed using FileZilla, I renamed the additional_images.php from Lightbox installation to additional_images.PHPLTBX because I thought I was renaming the additional_images.php from IH2. So that was my mistake during the installation!

Here I have more questions regarding this gallery mode!

1) How can I change the image counter text? I'm seeing this: 'ZEN_LIGHTBOX_COUNTER_IMAGE_1 (next line)ZEN_LIGHTBOX_COUNTER_OF_14" in the gallery mode. Can I change it to something like: Image 1 of 14 or Image 1/14?

2) Is there a way to use the gallery mode only for additional images instead of listing those images below the item description and attribute swatches? I actually tried to turn off the 'Show Product Additional Images' in 'Catalog-Product Types-General-Edit Layout' and this also turned off the gallery mode as well!

Please advice me Daniel and many other experienced Zenners!

Best regards,
Jostar

[niestudio]

Here I have more questions regarding this gallery mode!

1) How can I change the image counter text? I'm seeing this: 'ZEN_LIGHTBOX_COUNTER_IMAGE_1 (next line)ZEN_LIGHTBOX_COUNTER_OF_14" in the gallery mode. Can I change it to something like: Image 1 of 14 or Image 1/14?

2) Is there a way to use the gallery mode only for additional images instead of listing those images below the item description and attribute swatches? I actually tried to turn off the 'Show Product Additional Images' in 'Catalog-Product Types-General-Edit Layout' and this also turned off the gallery mode as well!

Please advice me Daniel and many other experienced Zenners!

Best regards,
Jostar

HI Jostar,

1) look at 'includes/classes/zen_lightbox/options.php'
it seems that your code on line 23 got changed to this:

echo '"' . 'ZEN_LIGHTBOX_COUNTER_IMAGE' . ' {x} ' . 'ZEN_LIGHTBOX_COUNTER_OF' . ' {y}"'; 

instead of this:

echo '"' . ZEN_LIGHTBOX_COUNTER_IMAGE . ' {x} ' . ZEN_LIGHTBOX_COUNTER_OF . ' {y}"'; 

note the quotes around ZEN_LIGHTBOX_COUNTER_IMAGE, this changes it from a variable name to a string.

2) not sure about this one…

daniel