Zen Lightbox addon [Support Thread]

Try changing the 'z-index' on either or both of the css files.

Craig

Added the div class hide suggested by Craft Magick, which made it work perfectly for me, after giving me nothing prior to that change. Excellent lightbox. Only thing is that I have close on overlay click set to true but the lightbox still only closes when the close link is clicked.

Would be nice to have it close on a click anywhere on the image, but no nig deal if that is not functional.

Thanks for the add on :D

knobbery:

Hello,

A new user here, we have a new zencart that has been implemented and i installed he zen lightbox yesterday. Works like a charm, however i have 1 issue, that perhaps someone could shed some light

1- If my product has no attributes defined, the lighbox works fine. ex here

2- However if my product has attributes defined, the image still opens up in a pop up. Ex here

We use the same product image for the attributes but for some reason the lightbox wont be triggered for these products.

Please any suggestions would be great

Thanks

HI,

Does anyone have any pointers for me on this issue..

Any help would be appreciated

Thanks
Ameet

CES:

Try changing the 'z-index' on either or both of the css files.

Craig

Please forgive my ignorance, but what is the 'z-index' and where/how do I change it to?

My drop-down menu header bar is still showing up in front of the product image (unless you happen to be scrolled further down the screen when you click on the image - which is why I thought the issue was resolved!)

Here is what I have currently listed in the admin>config>zen lightbox>div class to hide section:

zenLightboxHideMe,.submenu,.level1,.level2

Perhaps I am misunderstanding the difference between div class and div id ??? :frusty: (I'm a novice with css)

Running zc version 1.3.8 with the zencart_zen template

Here's a link to the website
https://www.ZenCrystals.com

Any help is appreciated...

Zencart ROCKS :clap:

P.S. Anna718, glad my solution worked for you :clap:

Hi

I've had a quick look at your css and it looks as if your z-indexes should work, I think!

Try looking on the dropdown menu support forum:
http://www.zen-cart.com/forum/showthread.php?t=58629

Or, you could try Fual Slimbox (Lightbox) instead:
http://www.zen-cart.com/forum/showthread.php?t=82990

Craig

I install the zen_lightbox_1-4-UPDATED for the first time, and i have a proablem.

When i click on the product image the image is not showing .
Please help mee.

I put an link too se an example.

http://www.perfectoffice.ro/index.php?main_page=product_info&cPath=1_39&products_id=125

Ihope somewone ken help mee!!!

Please nobody ken help mee ?

I discover if i press on the page with the name COMENTARII and after dat i push on the pictures, the light box worg verry good.But if i go CATEGORII - > PRODUCT - > AND -> PUSH OF THE IMAGE PRODUCT is not work (is not load the image.)

Please help mee ...

Sorry for my bad english !

Best regards !

Thank you CES for the links. After much research, trial and error, and finding solutions that did not solve the issue, it turns out that your original suggestion a few days ago of just changing the 'z-index' worked perfectly. My problem was, I had no clue WHAT a z-index was (I do NOW:smile:) nor did I know WHAT file to look for it in or where to even begin looking or what to change even if i found it...

So, in case there are any other non-programmers/css/php/sql savvy zencart users out there besides me... and for anyone else that has tirelessly researched these boards looking for a way to get lightbox to appear in FRONT of a css drop-down header menu...

Here is the ultimate solution that has finally and successfully worked for me....

1. open the following file:
   /includes/templates/YOUR_TEMPLATE/css/stylesheet_lightbox.css

2. at the top of the page find this code:

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

3. change the value of z-index from 100 to 9000

TA-DA... :hug: THE PERFECT INTEGRATION OF LIGHTBOX WITH A CSS DROP DOWN HEADER MENU :clap:

So thank you VERY much for your z-index suggestion that worked perfectly once I figured out what it meant :blush:

Zencart ROCKS :clap:

Always clear your cache on your browser when ever you change things. This way it will always show you what you have changed.

countrycharm:

Always clear your cache on your browser when ever you change things. This way it will always show you what you have changed.

Thank you very much for the tip Countrycharm, I appreciate it. I always 'refresh' the page, but I probably could have saved myself hours of frustration by simply clearing the cache, as well.

I appreciate your taking the time to offer this valueable suggestion and will definitely take heed.

Have a joyous, safe, and blessed holiday season.

Zencart ROCKS :clap:

For everyone that is getting this error when trying to add the installation SQL patch into their Zen Cart. What the problem is, is an extra table in your configuration_group from working with a website that is in multiple languages. You have to modify your SQL to work. I used the code below and it worked great!

INSERT INTO configuration_group
VALUES (

NULL , 'Zen Lightbox', 'Configure Zen Lightbox options', '1', '1'
);

MySQL meldet:

#1136 - Column count doesn't match value count at row 1

***********Use the code below instead

INSERT INTO configuration_group VALUES (NULL, 'Zen Lightbox', 'Configure Zen Lightbox options', '1', '1', '1');
UPDATE configuration_group SET sort_order = last_insert_id() WHERE configuration_group_id = last_insert_id();

SET @t4=0;
SELECT (@t4:=configuration_group_id) as t4
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, 'Enable Zen Lightbox?', '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 />- product_free_shipping_info<br />- product_info<br />- product_music_info<br />- product_reviews<br />- product_reviews_info<br />- product_reviews_write<br /><br />Please note: To completely remove Zen Lightbox you will need to manually delete the installation files.<br /><br /><b>Default: true</b>', @t4, 1, 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>', @t4, 2, 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_DURATION', '0.2', '<br />Controls the fade duration of the overlay.<br /><br /><b>Default: 0.2</b>', @t4, 3, 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, 'Enable Resize Animations?', 'ZEN_LIGHTBOX_RESIZE_ANIMATIONS', 'true', '<br />If true, the lightbox will be animated as it appears on the screen.<br /><br /><b>Default: true</b>', @t4, 4, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''true'', ''false''), '),
(NULL, 'Resize Speed', 'ZEN_LIGHTBOX_RESIZE_SPEED', '7', '<br />Controls the speed of the image resizing.<br /><br />(1 = slowest and 10 = fastest)<br /><br /><b>Default: 7', @t4, 5, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''1'', ''2'', ''3'', ''4'', ''5'', ''6'', ''7'', ''8'', ''9'', ''10''), '),
(NULL, 'Border Size', 'ZEN_LIGHTBOX_BORDER_SIZE', '10', '<br />If you adjust the padding in the CSS file, you will need to update this variable.<br /><br />Please note: This value is measured in pixels.<br /><br /><b>Default: 10</b><br />', @t4, 6, NOW(), NOW(), NULL, NULL),
(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>', @t4, 7, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''true'', ''false''), '),
(NULL, 'Hide Flash Objects?', 'ZEN_LIGHTBOX_HIDE_FLASH', 'true', '<br />If true, all Flash objects will be hidden when the lightbox is displayed.<br /><br /><b>Default: true</b>', @t4, 8, NOW(), NOW(), NULL, 'zen_cfg_select_option(array(''true'', ''false''), '),
(NULL, 'DIV Class to Hide', 'ZEN_LIGHTBOX_HIDE_ME', 'zenLightboxHideMe', '<br />Any content wrapped in a DIV tag with this class will be hidden when the lightbox is displayed.<br /><br /><b>Default: zenLightboxHideMe</b><br />', @t4, 9, NOW(), NOW(), NULL, NULL);

Dear all,

My website have some little problem with Zencart Light box + You tuble video code.

When i click into image of product which have video from you tuble. The image behind the video ! How to configure for image show in the first ?

This is image:

KIM SON

Thanks you !! :clap:

Is there any detailed instructions for removing this MOD?

brown12321:

Is there any detailed instructions for removing this MOD?

The reason I ask is because I tried to go by what I installed and remove those files, Once I did the Product Info pages were black when I go to view a product.

The reason I want to remove, its not working with extra images. I have made sure the file name is correct with the extension and still additional images do not work.

Just a quick update...

I've spent the last few weeks working on Zen Lightbox v1.5 and can confirm that it will be released within the next 48 hours.

It's packed full of bug fixes, new features and much more!

At present, I'm just about to write the new installation SQL and then update the documentation. Once complete I'll upload v1.5 to the contributions section and post a follow-up here.

So, if anyone is planning on installing Zen Lightbox (or fixing an existing bug) you might want to save some time and wait for the update. :cool:

Best Regards,

Alex

Sounds good Alex can't wait. :clap:

Hi all - quick question about this contrib before I install it :

Will it do the following :

When customers are looking through the list of products on my shop they, obviously, see a small image on the product in the list. I want them to be able to hover the mouse over the image and for the full size image to pop-up. Please note : I only have one size of images on my site.

THanks in advance for any advice.

This is part of what Image Handler 2 does, not Zen Lightbox.

You can use IH2 and Zen Lightbox together and benefit the functionality that both contributions offer.

However, if you're thinking of installing Zen Lightbox you may as well wait for the v1.5 release (in a few hours time).

Thanks V much for the reply Alex. If it isn't a silly question, what exactly does Lightbox do?