Magento's default zoom property to view the products is not at the top of its game. It is very old and, in fact, has been used since the first version of Magento released and the more views images (the additional product images) opens into a pop up.

One of the best practices and the most requested feature by clients is a Lightbox on the product view page that will not open new windows but will display the zoomed image in a better way on the same page.

I usually integrate prettyPhoto in my projects, and now we are going to learn how to integrate it in our theme, overriding the default zoom system. prettyPhoto is a totally free jQuery Lightbox clone plugin that you can integrate in your projects with some simple steps.

We will also learn how to create a switch image if there are multiple images.