Zen Lightbox addon [Support Thread]

The bottom information bar is cut off, but it shows up in white. Only the image is covered.
Attachment 5124

Could it be the z-index setting in your CSS file? Do you have a live demo we can have a look at and play around with?

thanks,

Nick

No live demo up yet - soon though.

I'll check the z-index and get back to you.

Thanks

Quote:

---

Originally Posted by Nick_H

Hi Alex, no probs :)

I changed line 42 of "includes/modules/page/product_reviews/header_php.php" from:

Code:

---

if (zen_not_null($review->fields['products_model'])) {
    $products_name = $review->fields['products_name'] . '<br /><span class="smallText">[' . $review->fields['products_model'] . ']</span>';
  } else {
    $products_name = $review->fields['products_name'];
  }

---

to:

Code:

---

{
    $products_name = $review->fields['products_name'];
}

---

Just thought - should I have used an override for this instead?

ta,

Nick

---

Thanks for the update Nick. I'll test the v1.5 release to see if this error occurs and patch it in v1.6.

Also, the file you changed cannot be overridden.

Quote:

---

Originally Posted by jp9999

No live demo up yet - soon though.

I'll check the z-index and get back to you.

Thanks

---

Yep, that sounds like a z-index issue. Let us know how you get on with this. :smile:

Wooo hooo! It was the z index! The original css file was set to 9999. I set it to a smaller number (in line with all my other z-indexed items) and the image was no longer greyscaled.

Thank you for your help Nick!

Quote:

---

Originally Posted by dni

GOT IT!
made this slight change and ran it through again...

Code:

---

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

---

---

I made only this change and not the other changes mentioned here http://www.zen-cart.com/forum/showpo...postcount=1240 to make the sql.install file work.

Perfect changed that one line and it worked a treat:clap:

As promised, I've looked into the installation issues with the SQL code where database tables contained prefixes.

This issue has now been resolved and the new installation SQL code can be found below.

Please note, this code is to be used with Zen Lightbox v1.5 only.

Code:

---

/**
 * Zen Lightbox
 *
 * @author Alex Clarke (aclarke AT ansellandclarke DOT co DOT uk)
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: install.sql 2009-01-13 aclarke $
 */
INSERT INTO `configuration_group` VALUES (NULL, 'Zen Lightbox', 'Configure Zen Lightbox settings', '0', '1');
UPDATE `configuration_group` SET `sort_order` = LAST_INSERT_ID() WHERE `configuration_group_id` = LAST_INSERT_ID();
SELECT (@cgi := `configuration_group_id`) FROM `configuration_group` WHERE `configuration_group_title` = 'Zen
Lightbox';
INSERT INTO `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);

---

I would be grateful if everyone could report errors (or success stories) here.

Many thanks,

Alex

it works!!!
but now i have three lightbox tabs in my configuration??
Also my when the light box pops up there are 2 images of the same pic.
Heres the url: policyclothing.com

thanks

You can run the uninstall.sql code to remove all the Zen Lightbox database entries.

Then simply run the install.sql code again and it should all install fine. :smile:

I'll look into your double image issue later on this evening.