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
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
You can hide the additional images on the product page using CSS (by using the display: none property).
Any elements/objects that appear above the lightbox can be hidden by wrapping them in the following div.
Let me know how you get on! :)Code:<div class="flash"> your-flash-or-other-object-goes-here </div>
My Contributions: Zen Lightbox | Best Sellers Reloaded
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:
Add the div tag around it, as previously mentioned. So, it looks like 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-->
That should do the trick! :)Code:<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>
My Contributions: Zen Lightbox | Best Sellers Reloaded
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
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:-
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!Code:/*Image Display*/ #productMainImage, #productAdditionalImages,#reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage { margin: 0em 1em 1em 0em ; } #productAdditionalImages, {display: none;}![]()
Do you have a link to your site, please?
My Contributions: Zen Lightbox | Best Sellers Reloaded