Zen Lightbox addon [Support Thread]

[Silum]

Well I had quite a bit of trouble installing this script before I just gave up and began searching for exactly how things are worded in my database. I see a lot of people here are having the issue so just in case, I thought I would help a little...

If you are getting the 1146 table error, hopefully I can help. In my case, this is the script that worked (I ran the uninstall script first to make sure nothing was already there but I dont think that is nessasary). I did this from phpMyAdmin under SQL tab but there isn't any reason it shouldnt work from your Admin.

/**
 * Zen Lightbox
 *
 * @author Alex Clarke ([email protected])
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license [url]http://www.zen-cart.com/license/2_0.txt[/url] GNU Public License V2.0
 * @version $Id: install.sql 2008-12-17 aclarke $
 */

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

The key things, are:

INSERT INTO `zen_configuration_group`
UPDATE `zen_configuration_group`
FROM `zen_configuration_group`

The things in red MUST match the wording in your database.

You dont want to rename:

SELECT @cgi := `configuration_group_id`

to:

SELECT @cgi := `zen_configuration_group_id`

because that is within zen_configuration group. Not a parent folder. You need to rename the FROM part. In my database, I have zen_configuration>configuration_group_id. If you indoubt, check your database and see which files have prefixes in front of them.

Hopefully this will make sense to all, obviously it will all depend on your database prefixes, in my case, everything has zen_ in front of it, but subdirectorys do not.

[breadfan]

After editing the install.sql file I've got the Lightbox to run, but there are some problems in certain browsers.

Opera 9.63 - When there are multiple images per product and gallery is enabled, the Next button is invisible. The Prev button is ok. Keyboard navigation works.

Google Chrome 3.0.193.2 - The first image fails to load completely, only the white rectangle appears and fails to stretch to its full width. When I use keyboard to navigate to the next image, all works fine then.

Lightbox uses Slimbox v1.63 if I'm not mistaken.
I have tried the Slimbox v1.7 demo and it works great.

My question is: Is there a way to update the Slimbox from 1.63 to 1.7? It's not just a matter of copy/paste since it involves some code changing and I'm no good when it comes to JavaScript.

Help plz.


EDIT:

OK I did some clicking and found out that Chrome has problems with Slimbox, however it works fine with Slimbox 2. The difference is that the first uses MooTools and the second uses jQuery.

Is there a version of Zen Lightbox that uses Slimbox2 and jQuery API?

[bnamodel]

I feel so frustrated in installing Zen Lightbox... I have finished all the installation steps successfully, but nothing appears or takes place when clicking on any image on the product info page -- no popup page, no lightbox... I've tried it on different browsers, but the results are the same.

I really desire to use it on my website especially after I saw its fabulous effect from other people's sites~!! I appreciate any help and suggestion!! Thank you!

[gineta]

Hi im having the same problem, light box works great but this message apears, i would apreciate help on this, its the only thing im missing to finish the website.

I have searched and it seems to come from this file

C:/wamp/www/zencart/includes/modules/pages/featured_products/jscript_zen_lightbox.php

Line #15 : Slimbox.scanPage = function() {

C:/wamp/www/zencart/includes/modules/pages/index/jscript_zen_lightbox.php

Line #15 : Slimbox.scanPage = function() {

C:/wamp/www/zencart/includes/modules/pages/page/jscript_zen_lightbox.php

Line #15 : Slimbox.scanPage = function() {

I is lose your time with this module try the other is better and work perfect at the first time the module is Fual Slimbox
Visit : http://www.zen-cart.com/index.php?ma...roducts_id=830

Happy end

[DarkAngel]

after installing it you need to go to your admin section and activate it and set its preferences then it should work.

Of course mine has never worked on additional images but has only worked on the thumbnail images, which is fine with me since I make the thumbnail a fairly large size and the software resizes it down for the page. The lightbox opens hte larger size...lol

[NFM]

Okay...thanks to Silum I've got the upgrade working!

Now...the only issue I have is that it seems to be missing the language file for the counter. I have the counter turned on and at the bottom of the page it reads something along the lines of:

ZEN_LIGHTBOX_COUNTER_IMAGE 1 ZEN_LIGHTBOX_COUNTER_OF 6

Any ideas what might be missing?

EDIT: Nevermind...I figured out that I didn't put the file in the right folder.

So....we'll just make this post a big thanks to Silum!

[Webskipper]

How do I make the image boxes auto resize?

Maybe this is a universal thing for my site because not all the windows auto resize.

Is there an update to this contribution?

[DarkAngel]

How do I make the image boxes auto resize?

Maybe this is a universal thing for my site because not all the windows auto resize.

Is there an update to this contribution?

do you mean the thumbnail window or the additional images in the body?

I admin section for the lightbox are the setting to set how you want it to behave...also the settings for the image sizes are in the config section

as for the ones in the body of the product page...I have no clue since it has only worked on the thumbs for me

[divekathster]

The lighbox feature works great for my additional images, but it doesn't work for the main product image on the product info page such as this http://kirwindesigns.com/store/index...products_id=94 is there a setting somewhere in admin? I'm using 1.3.8 and the current version of lightbox.

[DarkAngel]

well, I followed your link and sure enough the thumb opens up tio the product page...lightbox works on your bottom image ( I am so jealous cause mine doesn't) but

when i clicked the thumbnail I did get the popup window showing the larger image.

did I click the wrong one? ***EDITED, cause I am an idiot** lol

I went back again and I see what you mean. It gives the normal popup I also noticed that when the additional images are in the lightbox they do not close unless you click the close link...not by using it or clicking the image.

my settings in admin are:

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 (if this is to show the number of times viewd mine never has numbers showing)
Close on Image Click true
Close on Overlay Click true
Keyboard Navigation true
Close Lightbox 27,88,67
Previous Image 37,80
Next Image 39,78
Gallery Mode true
EZ-Pages Support true
File Types jpg,png,gif

Maybe comparing we can find out why the ones work for you and mine for me...lol