Lightbox showing two photos, fixed...

[charles99]

If you are running into the following problem you can use this to fix it:

When my users clicked on a product image the lightbox shows two images one right under the image in the popup or lightbox window. to solve the problem I turned off all my plugins and removed a couple of module with JQ  just to make sure there wasn't an conflict. Then I edit the Modal.css file.  If you have more than one photo showing when someone clicks on a image simply

change line 62 in the modal.css file.  media/system/css/modal.css

.sbox-content-image#sbox-content {
   overflow: visible;
}

to


.sbox-content-image#sbox-content {
   overflow: hidden;
}


Now this worked for me, and I'm hoping it will work for others thats running into this problem.   Here a photo of the problem I was having....







[attachment cleanup by admin]

[charles99]

Ok, after dipping into the problem a little more I see I am have a JS conflict after all!   Yootheme Widgetkit Content Plugin and Virtuemart JQ is creating the VM20 to load the product image twice.  And when you turn VM2.0 JQ off you can't add products to the cart or use the lightbox effect so I need a work around?

And plus I change the code back...  But now I know what causes this type of error...