Creating a custom product images gallery

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.

Planning the work

Now we have to plan what we want to do.

Magento can manage multiple product pictures and display them on the product page. They are called more...