Virtuemart Lightbox bug with Mixxmag
-
-
- Anthony Ojo
- Jr. Rocketeer
- Posts: 24
- Thanks: 0
-
I have installed the Jan. 2009 Rockettheme template Mixxmag on a fresh Joomla 1.5.8 offline and also installed the third party component Virtuemart.
Opening image using Lightbox is enabled in Virtuemart. The problem is that whenever I click to enlarge an image in Virtuemart, the image loads wth Lightbox but appears behind menu layer and some texts on the page which form a transparent layer of text over the image being loaded by Lightbox. You may want to say the loaded image appears behind the text and menus in the template. - "We make a living by what we get, but we make a life by what we give." -Winston Churchill
-
-
-
- Mike VanKirk
- Preeminent Rocketeer
- Posts: 15294
- Thanks: 3
-
Hello,
You need to find the css for your VM lightbox and look for these entries:
#lbOverlay {
background-color:#000000;
cursor:pointer;
left:0;
position:absolute;
width:100%;
z-index:1000; <---Add this line
}
#lbCenter, #lbBottomContainer {
background-color:#FFFFFF;
left:50%;
overflow:hidden;
position:absolute;
z-index:1000; <---Add this line
}
-
-
-
- Anthony Ojo
- Jr. Rocketeer
- Posts: 24
- Thanks: 0
-
Mike VanKirk wrote:
Hello,Hey mike,
You need to find the css for your VM lightbox and look for these entries:
#lbOverlay {
background-color:#000000;
cursor:pointer;
left:0;
position:absolute;
width:100%;
z-index:1000; <---Add this line
}
#lbCenter, #lbBottomContainer {
background-color:#FFFFFF;
left:50%;
overflow:hidden;
position:absolute;
z-index:1000; <---Add this line
}
I must say thank you for the "wise" man you are. The issue is solve but for the record and here is the directory structure for the css file that need to be edited for Virtuemart: components/com_virtuemart/js/slimbox/css/slimbox.css. The js control is slimbox and not lightbox as I earlier wrote. - "We make a living by what we get, but we make a life by what we give." -Winston Churchill
-
-
-
- Romain Dubois
- Newbie
- Posts: 1
- Thanks: 0
- I have exactly the same problem with Mixxmag and the component Jreviews (with IE8)... I don't find where i must add this code "z-index:1000;"
-
-
-
- Thomas Telegades
- Newbie
- Posts: 6
- Thanks: 0
-
I'm not sure if there is a different version of virtuemart since writing this solution, but I'm using vm 1.1.4 stable with joomla 1.5 and the Hive Mind template installed. I'm definitely getting the same issue where the lightbox effect when trying to view images doesn't work - just the same way as explained above. The code is slightly different in my slimbox.css file:
lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
In particular, it had teh z-index line already in there. I changed it to as follows:
lbOverlay {
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 1000;
overflow: hidden;
background-color: #fff;
But it is not making a difference. Any ideas???
Thanks in advance for the help. It's my last issue before going live with the site.
-
Time to create page: 0.073 seconds