How to add zoom and hover effects to product images

This article will help you add more effects to your product image in just seconds.

Product images are really important for an online store. (P) Image element of GemPages will bring a better experience for your customers with more effects on a product item.

Add a zoom effect

  • Step 1: Select the (P) Image element


  • Step 2: Under the Settings tab, select Zoom in the dropdown list of Image Effect


Add a hover effect

The other effect listed in Image effect is Hover. It allows you to display an alternative image in the product image list on mouse-hover. 

You can select the second image easily under the Image Hover item by entering the order number such as 2 or 3 or last.