Light Box on Product Image

[Metuka]

Hi,
Short version of question:
Is it possible to put a light box on a product?

longer version of question:
We are trying to put a light box instead of the magnifying glass overlay.
On this forum, we found this: http://www.swiftideas.com/forums/topic/essential-grid-lightbox-will-not-work/ there is a link to his website with seriously gorgeous photos that shows he is able to put in a lightbox (we would want a white background not dark), here is a link that shows it:
http://www.peterdelaneyphotography.com/prints/heart-of-darkness-1

on the comments section of themeforest, found this snippet of code, but it does not work:
.product-img-area li a.zoom {
box-shadow: none!important;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: left;
padding-left: 20px;
padding-top: 15px;
background: transparent;
}

thank you very much.

[Kyle – SUPPORT]

Hi

Go to Theme Options > WooCommerce Options > Product Options and disable the image zoom, this will enable the lightbox link

– Kyle

[Metuka]

it looks amazing! thank you for your help!!

how do you remove the social media buttons on the top left corner?

[Kyle – SUPPORT]

Add this to your custom css:

.ilightbox-holder .ilightbox-container .ilightbox-social {
  display: none!important;
}

– Kyle

[Metuka]

Thank you so much for all your help!! The site looks amazing and the theme is the reason for it!

[Kyle – SUPPORT]

No problem! Glad you’re happy with it