CSS Changes to product page + Image in Lightbox?

Hi,
can i please have some help to make these changes - http://www.awesomescreenshot.com/image/1420858/5fab60f36fa6123e08027567c1da2b0c

1) Hide small thumbnails below the main image
2) ensure that it still switches image when changing the dropdowns

3) how do i make the images on the 2nd half of the page open in a lightbox instead of a new window?

Support Access is open
This is the domain - http://tinyurl.com/o95ebbf

Please dont post any brand related information/ screenshots or domain links as i have had issues with google caching this information and linking it to their google searches of my site ... very bad for brand... please use temporary image upload / tiny url / pastebin etc to mask this information.

Thanks

Tom

  • Sajid
    • DEV MAN’s Sidekick

    Hi Tom,
    Hope you are doing good today :slight_smile:

    To hide the thumbnails, try using following CSS code and yes this should still change the image on selecting a paper type.

    .product .thumbnails {
        display: none;
    }

    To display images in PopUp instead of opening in new window. The easiest way is to install and configure Easy Fancy Box plugin.

    Take care and have a nice day :slight_smile:

    Best Regards,
    Sajid

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.