Zen Lightbox addon [Support Thread]

[Alex Clarke]

Hello all, and thanks again for such a great mod! I've read through this whole thread and not found any proper answer to my question (forgive me if there was one, I probably diddn't see it cos I'm tired after reading 60 pages )

My lightbox is working with image handler on a current version of zencart. What I would like to do is have additional images be visible through the lightbox only, and not show up on the product page. I don't like how additional images look on the page so it would be great to have them working only through the lightbox. I'm sure it must be possible! I'm no programmer (I tried and failed to do it through css) so I'm hoping someone else has this figured out and doesn't mind sharing

Cheers in advance!

You can hide the additional images on the product page using CSS (by using the display: none property).

Got it to work but the css drop down menu show up in from of the lightbox image..
site: http://blackfriday717.com/index.php?...&products_id=1

Any elements/objects that appear above the lightbox can be hidden by wrapping them in the following div.

<div class="flash">
your-flash-or-other-object-goes-here
</div>

Let me know how you get on! :)

[romy]

Not sure what to edit.
installed: css_horizontal_drop_down_menu_1.2 to my site
mod down load: http://www.zen-cart.com/index.php?ma...roducts_id=479

Thanks Alex

[Alex Clarke]

Not sure what to edit.
installed: css_horizontal_drop_down_menu_1.2 to my site
mod down load: http://www.zen-cart.com/index.php?ma...roducts_id=479

Thanks Alex

Edit this file: includes\templates\YOUR-TEMPLATE-FOLDER\common\tpl_header.php.

Find this code:

<!--bof-drop down menu display-->
<?php require($template->get_template_dir('tpl_drop_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_drop_menu.php');?>
<!--eof-drop down menu display-->

Add the div tag around it, as previously mentioned. So, it looks like this:

<div class="flash"><!--bof-drop down menu display-->
<?php require($template->get_template_dir('tpl_drop_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_drop_menu.php');?>
<!--eof-drop down menu display--></div>

That should do the trick! :)

[romy]

Sorry it took so long to get back to you...
Add the div tag around it.....no luck
I uninstalled lightbox and installed
ZenCart-HoverBox2 insted
works just like the lightbox...
used the same div tag ...still no luck...

[romy]

O-my site:
http://blackfriday717.com/index.php?...&products_id=3

[gcampos]

Sorry it took so long to get back to you...
Add the div tag around it.....no luck
I uninstalled lightbox and installed
ZenCart-HoverBox2 insted
works just like the lightbox...
used the same div tag ...still no luck...

Romy,

Open your stylesheet_lightbox.css file, look in:

includes/templates/YOUR_TEMPLATE/css/

for following:

#lightbox {
left:0;
line-height:0;
position:absolute;
text-align:center;
top:40px;
width:100%;
z-index:100; <- change to 1000
}

Then farther down, look for:

#overlay {
-moz-opacity:0.6px;
background-color:#000;
filter:alpha(opacity=60);
height:500px;
left:0;
opacity:0.6px;
position:absolute;
top:0;
width:100%;
z-index:90; <- change to 1000
}

save, upload, and should do the trick. I did the same after going thru what you are going thru.

Gerry

[Alex Clarke]

Sorry it took so long to get back to you...
Add the div tag around it.....no luck
I uninstalled lightbox and installed
ZenCart-HoverBox2 insted
works just like the lightbox...
used the same div tag ...still no luck...

Where did you add the div tag? Also, did the tag look like this...

<div class="flash">
your-flash-code-here
</div>

Hey Alex,

I do have 1.3 installed, but when I click on open image except the "close exit" button, it does nothing, I have to click on "close exit".

Cant remember where I read it, maybe early in this thread, but stated as a no can do, maybe I was reading the post from an earlier version?

Here's a link to my page:
http://www.bullfightstore.com/cart/i...&products_id=5

Thanks,

Gerry

When I click on the image (within the lightbox) on that page it closes. I'm using IE7.

[gcampos]

When I click on the image (within the lightbox) on that page it closes. I'm using IE7.

ok yeah it does work with IE (used v6), I probably tried it on IE7 also.

But doesn't work with FF 2.0.0.5.

Gerry

[romy]

Thanks ......ooooo...much
that worked
changing the
z-index:100; <- change to 1000
it worked on ZenCart-HoverBox2...also
This is the mod I am using....

[topbird]

Hi Alex, thanks for getting back to me!

I feel like I am going mad, though. I have been trying to do what you suggest for ages, I just can't see what I am getting wrong. Please bear in mind that I don't really understand what I'm doing and my idea of editing code is pretty much trial and error.

In the stylesheet css for my template I have got this:-

/*Image Display*/
#productMainImage, #productAdditionalImages,#reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
    margin: 0em 1em 1em 0em ;
    }


#productAdditionalImages, {display: none;}

And yet it does not work. I've tried every variation I can think of, removing/putting in capitals, changing the punctuation, spelling and order, but obviously not the right one yet. Help!