Powered by Adobe Commerce 2.4.3-p2


Change Product Image On Hover



Back to top

Change Product Image On Hover for Magento 2 is a simple yet effective tool for merchants to improve customer experience. With the extension enabled, whenever customers hover over the image of a product while browsing the product listing page, another product image or video will appear.

Store owners can utilize this by showing different angles of a product or showcasing how the product looks in real life, etc. This gives customers a more detailed view of a product and grabs their attention. In addition, admins can modify the animation for image swapping to make it more appealing to customers.

Moreover, the extension provides multiple product image zoom effects on product pages to help customers have a closer look at the product details.


Feature Summary

  • Automatically select hovered images for every product after setup (optional)
  • Upload and select a hovered image for each product
  • Choose from multiple animations for the hovering effect
  • Customize the animation duration
  • Adjust animation speed and easing effects
  • NEW Add a video via YouTube/Vimeo to be swapped after hovering action
  • NEW Options to continue playing video on the next hover/video looping
  • NEW Product image zoom effects on product pages
  • Mobile-friendly


Exclusive Features

One-Click Setup

The extension works right after you enable it. You can let the extension automatically set the second product image as the hovered image for the listing page. Alternatively, you can manually upload and set a photo as a hovered image by going to each product settings section in the back-end.


Customizable Animations

There are 6 available animations right out of the box, with options to further set how long it takes after customers hover over an image to trigger the animation as well as how an animation eases out.

  • No animation
  • Fade in
  • Shift right
  • Shift left
  • Shift up
  • Shift down


Multiple Zoom Effects

On the product page, you can decide how a product image can be zoom in or out with 5 special effects.

  • Basic zoom
  • Tint zoom
  • Lens zoom
  • Mousewheel zoom
  • Inner zoom


High-Quality Extensions & Service

  • 100% open-source and customizable software
  • Free 6-month support
  • Free lifetime updates


Demo & Docs


Technical Specifications

Back to top

Seller profile


Seller contact


Current Version


Adobe Commerce platform compatibility

Open Source (CE): 2.3 (current), 2.4 (current), 2.1 (obsolete), 2.2 (obsolete)

Commerce on prem (EE): 2.3 (current), 2.4 (current), 2.1 (obsolete), 2.2 (obsolete)

Commerce on Cloud (ECE): 2.3 (current), 2.4 (current), 2.2 (obsolete)


Stable Build


09 July, 2021


Extensions, Content & Customizations, Personalization & Experience Management, Product Content, Rich Media


Installation Guides

User Guides

License Type

Open Software License 3.0 (OSL-3.0)


Privacy Policy

Quality Report

Back to top

Installation & Varnish Tests


Coding Standard


Plagiarism Check


Malware Check


Marketing Review


Manual Testing


All tests were conducted on the latest versions of Adobe Commerce that existed for the compatible release lines at the moment of the extension submission. Latest versions of all other software were used, as applicable.

Release Notes

Back to top


  • Compatible with Open Source (CE) : 2.2 2.3 2.4
  • Compatible with Commerce on prem (EE) : 2.2 2.3 2.4
  • Compatible with Commerce on Cloud (ECE) : 2.2 2.3 2.4
  • Stability: Stable Build
  • Description:

    - Zoom in/out on product image hovering
    - Display video on hover


  • Compatible with Open Source (CE) : 2.2 2.3 2.4
  • Compatible with Commerce on prem (EE) : 2.2 2.3 2.4
  • Compatible with Commerce on Cloud (ECE) : 2.2 2.3 2.4
  • Stability: Stable Build
  • Description:

    - Add Magento 2.4 compatibility


  • Compatible with Open Source (CE) : 2.1 2.2 2.3
  • Compatible with Commerce on prem (EE) : 2.1 2.2 2.3
  • Stability: Stable Build
  • Description:

    - Add a custom product image role named "Hovered" - the image will be shown when users hovering over it on storefront
    - The following products can have image hovering effect:
    + Products in the product list widget on Home page.
    + Products on Category page.
    + Products on Search page.
    - Add option to automatically assign the first image in the image gallery to be "Hovered" image.
    - Add some basic animations for hovering with duration of animation and easing function.
    - There are 2 options for image hovering: Product Image and Product Wrapper.


Back to top

The best place to start if you need help with a specific extension is to contact the developer. All Adobe Commerce developers have both a contact email and a support email listed.

Contact Vendor

Q & A

Back to top


Back to top