Zen Lightbox addon [Support Thread]

Doodlebuckets:

I just upgraded to the latest and now it doesn't work any more...what shall I do? www.doodlebuckets.com

Thanks!

I just used the link with Firefox and it works...even has the next button in the upper right corner and goes to next image too.

UNA2:

Hi Guys Im having problems with this module similar to the problem posted by Treasuresbycaz at this post; http://www.zen-cart.com/forum/showthread.php?p=751421&highlight=image+problem#post751421 I have reinstalled this about 5x and made sure all files are where they should be but still no joy, have also ran the sql script and able to configure the module. is anyone able to help, the site in question is fremson.com

Thanks

Just make sure that when you delete the previous upload you make sure you have no more than one entry in admin section after reuploading the files.

Ok, I sorted my lightbox :) Yipee!

I basically went into phpmyadmin and did it from there. But it would not work inserting the statement in one go so I had to do it in pieces.

First insterted this statement

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

Then this

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();

and finally this

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-Pages)<br />- product_free_shipping_info<br />- product_info<br />- product_music_info<br />- product_reviews<br />- product_reviews_info<br />- product_reviews_write<br /><br /><b>Default: true</b>', @cgi, 100, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''true'', ''false''), '),
(NULL, 'Overlay Opacity', 'ZEN_LIGHTBOX_OVERLAY_OPACITY', '0.8', '<br />Controls the transparency of the overlay.<br /><br /><b>Default: 0.8</b>', @cgi, 101, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''0'', ''0.1'', ''0.2'', ''0.3'', ''0.4'', ''0.5'', ''0.6'', ''0.7'', ''0.8'', ''0.9'', ''1''), '),
(NULL, 'Overlay Fade Duration', 'ZEN_LIGHTBOX_OVERLAY_FADE_DURATION', '400', '<br />Controls the fade duration of the overlay.<br /><br />Note: This value is measured in milliseconds.<br /><br /><b>Default: 400</b><br />', @cgi, 102, NOW(), NOW(), NULL, NULL),
(NULL, 'Resize Duration', 'ZEN_LIGHTBOX_RESIZE_DURATION', '400', '<br />Controls the speed of the image resizing.<br /><br />Note: This value is measured in milliseconds.<br /><br /><b>Default: 400</b><br />', @cgi, 103, NOW(), NOW(), NULL, NULL),
(NULL, 'Resize Transition', 'ZEN_LIGHTBOX_RESIZE_TRANSITION', 'false', '<br />Allows for custom control over the transition effect used to animate the lightbox.<br /><br /><b>Default: false</b><br />', @cgi, 104, NOW(), NOW(), NULL, NULL),
(NULL, 'Initial Width', 'ZEN_LIGHTBOX_INITIAL_WIDTH', '250', '<br />If Enable Resize Animations is set to true, the lightbox will resize its width from this value to the current image width, when first displayed.<br /><br />Note: This value is measured in pixels.<br /><br /><b>Default: 250</b><br />', @cgi, 105, NOW(), NOW(), NULL, NULL),
(NULL, 'Initial Height', 'ZEN_LIGHTBOX_INITIAL_HEIGHT', '250', '<br />If Enable Resize Animations is set to true, the lightbox will resize its height from this value to the current image height, when first displayed.<br /><br />Note: This value is measured in pixels.<br /><br /><b>Default: 250</b><br />', @cgi, 106, NOW(), NOW(), NULL, NULL),
(NULL, 'Image Fade Duration', 'ZEN_LIGHTBOX_IMAGE_FADE_DURATION', '400', '<br />Controls the fade duration of images.<br /><br />Note: This value is measured in milliseconds.<br /><br /><b>Default: 400</b><br />', @cgi, 107, NOW(), NOW(), NULL, NULL),
(NULL, 'Caption Animation Duration', 'ZEN_LIGHTBOX_CAPTION_ANIMATION_DURATION', '400', '<br />Controls the animation duration of the caption.<br /><br />Note: This value is measured in milliseconds.<br /><br /><b>Default: 400</b><br />', @cgi, 108, NOW(), NOW(), NULL, NULL),
(NULL, 'Display Image Counter', 'ZEN_LIGHTBOX_COUNTER', 'true', '<br />If true, the image counter will be displayed (below the caption of each image) within the lightbox.<br /><br /><b>Default: true</b>', @cgi, 109, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''true'', ''false''),'),
(NULL, 'Close on Image Click', 'ZEN_LIGHTBOX_CLOSE_IMAGE', 'false', '<br />If true, the lightbox will close when the image being displaying is clicked.<br /><br /><b>Default: false</b>', @cgi, 110, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''true'', ''false''), '),
(NULL, 'Close on Overlay Click', 'ZEN_LIGHTBOX_CLOSE_OVERLAY', 'false', '<br />If true, the lightbox will close when the overlay is clicked.<br /><br /><b>Default: false</b>', @cgi, 111, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''true'', ''false''), '),
(NULL, '<b>Keyboard Navigation</b>', 'ZEN_LIGHTBOX_KEYBOARD_NAVIGATION', 'true', '<br />If true, keyboard inputs will also be used to control the lightbox.<br /><br /><b>Default: true</b>', @cgi, 200, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''true'', ''false''), '),
(NULL, 'Close Lightbox', 'ZEN_LIGHTBOX_ESCAPE_KEYS', '27,88,67', '<br />The lightbox will close when any of these keys are pressed.<br /><br />Note: Only <a href="http://en.wikipedia.org/wiki/ASCII" target="_blank">ASCII</a> decimal values should be entered and separated with a comma (if listing multiple values).<br /><br /><b>Default: 27,88,67</b><br />', @cgi, 201, NOW(), NOW(), NULL, NULL),
(NULL, 'Previous Image', 'ZEN_LIGHTBOX_PREVIOUS_KEYS', '37,80', '<br />The lightbox will display the previous image (if available) when any of these keys are pressed.<br /><br />Note: Only <a href="http://en.wikipedia.org/wiki/ASCII" target="_blank">ASCII</a> decimal values should be entered and separated with a comma (if listing multiple values).<br /><br /><b>Default: 37,80</b><br />', @cgi, 202, NOW(), NOW(), NULL, NULL),
(NULL, 'Next Image', 'ZEN_LIGHTBOX_NEXT_KEYS', '39,78', '<br />The lightbox will display the next image (if available) when any of these keys are pressed.<br /><br />Note: Only <a href="http://en.wikipedia.org/wiki/ASCII" target="_blank">ASCII</a> decimal values should be entered and separated with a comma (if listing multiple values).<br /><br /><b>Default: 39,78</b><br />', @cgi, 203, NOW(), NOW(), NULL, NULL),
(NULL, '<b>Gallery Mode</b>', 'ZEN_LIGHTBOX_GALLERY_MODE', 'true', '<br />If true, the lightbox will allow additional images to quickly be displayed using previous and next buttons.<br /><br /><b>Default: true</b>', @cgi, 300, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''true'', ''false''),'),
(NULL, 'Include Main Image in Gallery', 'ZEN_LIGHTBOX_GALLERY_MAIN_IMAGE', 'true', '<br />If true, the main product image will be included in the lightbox gallery.<br /><br /><b>Default: true</b>', @cgi, 301, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''true'', ''false''),'),
(NULL, '<b>EZ-Pages Support</b>', 'ZEN_LIGHTBOX_EZPAGES', 'true', '<br />If true, the lightbox effect will be used for linked images on all EZ-Pages.<br /><br /><b>Default: true</b>', @cgi, 400, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''true'', ''false''),'),
(NULL, 'File Types', 'ZEN_LIGHTBOX_FILE_TYPES', 'jpg,png,gif', '<br />On EZ-Pages, the lightbox effect will be applied to all images with one of the following file types.<br /><br /><b>Default: jpg,png,gif</b><br />', @cgi, 401, NOW(), NOW(), NULL, NULL);

notice the way I have added 'zen_' to the front of 'configuration_group' in the statement. so if anyone is having problems inserting the sql statement you may need to add your tables prefix to the statememt as I did above.

No sure if this info is of any use to anyone, but you never know.. hope it helps someone else out.

cheers

DB

dwardlow:

Here is my error:

Slimbox.scanPage = function() { $$(document.links).filter(function(el) { return el.rel && el.rel.test(/^lightbox/i); }).slimbox({]}, null, function(el) { return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel)); }); }; window.addEvent("domready", Slimbox.scanPage); //-->

Instead of opening a lightbox it shows the large picture in a new page. Any ideas where to start?

Can be seen at: https://www.clevelandtrophy.com/catalog

I get a page not found then when removing catalog I get a different name totally

dropbop:

Ok, I sorted my lightbox :) Yipee!

I basically went into phpmyadmin and did it from there. But it would not work inserting the statement in one go so I had to do it in pieces.

cheers

DB

great!!, that is what everyone needs to do ad the "zen" or whatever their database prefix is to the proper sections.

good for you.

DarkAngel:

Just make sure that when you delete the previous upload you make sure you have no more than one entry in admin section after reuploading the files.

That was actually one of the things I had to do was remove the entry in phpmyadmin from the database...

For those who need to know you can find the entry in 'configuration_group > configuration_group_title

I just deleted the many entries for lightbox (loadza entries from trying so many times) and then entered it again so only had one using this statement...

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

(you may need to add your database prefix to 'configuration_group' so it looks something like 'zen_configuration_group'

DarkAngel:

great!!, that is what everyone needs to do ad the "zen" or whatever their database prefix is to the proper sections.

good for you.

Cheers DarkAngle.

A bit of persistance and know-how that I picked up on this forum came in very handy ;)

another thing when uploading items for this mod:

make sure you have installed the files that are to go into your themes folder into it.

like this one that goes directly into the theme folder

go to the theme you are using and make sure this is the one that is in there...not being in there will let the default take over:

tpl_modules_main_product_image.php

comparing them side by side you will see that this has the lightbox coding and not the original one.

If you do not have a set theme fodler in the places it specifies then you will need to create one to plop the files into for the lightbox to work.

I have recently installed version 1.38a
I loaded Imagehandler2 and that worked fine.
On loading Zen Lightbox the hover feature to produce large images has stopped working.
Any advise on how to fix?

ptowers49:

I have recently installed version 1.38a
I loaded Imagehandler2 and that worked fine.
On loading Zen Lightbox the hover feature to produce large images has stopped working.
Any advise on how to fix?

Hover action? I am sorry tis a great feature and would love to have it but my lightbox never had that feature...it allows you to click the image to get the lightbox larger one.

I have seen the hover on many stores and now see it must be that imagehandler mod you installed.

Maybe the two together do not play well at all....my guess anyway, my sight uses GD2 to handle images of any kind

I have zenlightbox installed (in fact it is laghtbox gallery, but I think it is the same) and image handler 2 (installed after zenlightbox) and both work fine together !

I have a question... I have seen on some store that when clicking on the product image, of course, the lightbox is opening, and there is additonnal images in it, that we can see using the next/prev buttons, as if there wwhere a "gallery of multiples product images " for one product...
Anyone know how I can make this for my store?

(I have image handler2 to have additonnal images under the description of the products, but I'd prefer to have additionnal image only in the lightbox..)

Thanks for all ;)

PS : sorry for my english, it is quite bad... :p

If you open the zip holding the lightbox files there should be a file in there with the instructions of what is needed. I finally figured out since I do not have mine named right is why mine does not do that...but I got lightbox after I had a lot of items and was just too lazy to rename all the others...lol

Thnak you for all, but, I know how to have additional image in my products, but they are displaying after my description product, not in the lightbox... that's why I asked if I needed to do something else more...

that is why i said to open the zip and look over the instruction files...there is the additional info to get what you need to do...not just about adding images.

Hi,

I have downloaded and about to install the Lightbox add on. The installation instructions ask you to name the downloaded files as 'your template folder'? I have had a template installed, and when I follow the paths outlined in the installation eg: includes\models'your template folder' I have a 'classic' folder or 'theme277' so I am not sure which to use?

Any suggestions or advice would be fantastic.

anytime you install something that tells you to put it into "your template folder"

it usually means to create (if you do not have it in the destination already) a folder for the theme you are using...for instance if you use mostlygrey theme, then you would create a mostlygrey folder for the new stuff you are uploading

did i confuse you yet?

ShutYourPieHole:

Chances are you are actually throwing Javascript errors, if you check your error console, as I'm experiencing the same behavior after uninstalling 1.4 and installing 1.5.

I'm seeing the following errors in the console:

$.element is not a function in zen_lightbox_mootools_custom.js

> 
> This occurs on page load.  When clicking the actual image, I receive the following:
> ```
Hash.each is not a function in zen_lightbox_mootools_custom.js

I'm not sure if this is something residual from my previous install (which I had to eliminate due to the IE 7 error), or something is misconfigured on my new install.

I've got problem with this too: $.element is not a function in zen_lightbox_mootools_custom.js

The problem started after I've activated a TinyMCE editor on a Textarea field. But I have no idea what's the reason for the conflict. The error message don't tell much and the JavaScript code is minimized so it's hard to read.
The error is on line 117:
}A+=" "+C+'="'+B[C]+'"';if(C!="checked"){delete B[C];}});A="<"+A+">";}return $.element(this.createElement(A)).set(B);},newTextNode:function(A){return this.createTextNode(A);

Hi DarkAngel. Thanks for the reply post. Got it! I managed to install the LightBox files and the install.sql file. The Zen LightBox is now showing in the Admin > Configure sections, however it still doesn't appear to be turning my images into lightbox formatt, they are still displaying as popups. Any ideas?

@liliz:

were there any errors when you did the sql installation?

did you do the installation of sql through the admin section or through the mysqladmin?

did you have any other version of this previously installed?

in admin -- have you set the settings?

do you get any error messages

you are using version 1.3.8a of zencart, right?

Hi DarkAngle (thanks again for your reply, hopefully you are my saviour!)

To answer your questions:
were there any errors when you did the sql installation? No, there were no error messages, and Zen Lightbox is showing in Configuration > Lightbox

did you do the installation of sql through the admin section or through the mysqladmin? I installed the sql through Tools > Install SQL Patched (and copied the file and pasted it into the space provided as per the install instructions)

did you have any other version of this previously installed? Nope, no other version of Lightbox installed. Although I am using a template: http://www.templatehelp.com/preset/pr_preview.php?i=25886&pr_code=7TVH13ZZ6SF7KRg8rXQ9FXy42H4d7S

in admin -- have you set the settings? I have set the Lightbox settings in the Config > Lightbox as per below

Zen Lightbox true
Overlay Opacity 0.8
Overlay Fade Duration 400
Resize Duration 400
Resize Transition false
Initial Width 250
Initial Height 250
Image Fade Duration 400
Caption Animation Duration 400
Display Image Counter true
Close on Image Click false
Close on Overlay Click false
Keyboard Navigation true
Close Lightbox 27,88,67
Previous Image 37,80
Next Image 39,78
Gallery Mode true
Include Main Image in Gallery true
EZ-Pages Support true
File Types jpg,png,gif

do you get any error messages - No error messages at all

you are using version 1.3.8a of zencart, right? Yes, I am using 1.3.8a version

I think it might be the naming of the installed files - I named them theme277 as that was the 'your template folder'. Hrmm.

This is the link to my site where the images are not displaying in Lightbox: http://www.pennylanebridal.com.au/shop/index.php?main_page=product_info&cPath=1&products_id=1

Any suggestions, maybe I uninstall and try again?

Thanks again for any assistance you may be able to provide :)