Product Image Hover Magento 2 Extension

Magento 2 Image Hover Extension enables product image zoom-in, zoom-out, Instagram story–style hover effects, and automatic flip to the second image on hover. It works seamlessly on category, related, and up-sell product blocks. Hover zoom extension delivers a modern and engaging shopping experience with sleek hover animations.

M2

refund-policy
free-support
free-update

hyva-compatible
  • Set Hover Image from Uploaded Product Images
  • Apply Zoom-in & Zoom-out, Flipper Effects, Instagram story–style hover effects
  • Set Hover Effect for Category Page, Related/Upsell/cross-sell Products
  • Supported All Standard & Custom Magento Themes
Highlight Featurs
was $99 Special Price $59
Community Edition 2.3.x, 2.4.x
Enterprise Edition 2.3.x, 2.4.x
was $99 Special Price $59
was $99 Special Price $59

ScreenShots

Version 1.0.2
Aug 01, 2025
  • Multiple product preview images on story like hover effect
  • Auto-assigns second product image as the hover image (no manual setup needed)
  • Supports smooth FadeIn and FadeIn + ZoomOut animations.
Version 1.0.1
Jan 01, 2024
  • Compatible with Hyva Theme
  • Magento 2.4.X Compatible
Version 1.0.0 CE
Apr 29, 2021
  • Initial Release

Magento 2 Product Back Image on Hover Extension

Product images are important for an online store to educate the customer about the appearance and features of the product. Descriptive images are one of the most interesting components for the customer as it brings the experience close to reality. Displaying as many images of the product is beneficial for understanding & verifying the use cases fulfilling the ideal need & placing the order quickly.

The integration of the Product Back image on hover Magento 2 module empowers the store with the advanced product flipping functionality. The flipper effect occurs as the customer hovers upon the product thumbnail. With the hover, the product image automatically changes into the secondary image that has been set by the admin at the backend. Flipper effects enhance the customer shopping experience and symbolize the advancement of the store.

The flawless working extension helps the admin to add multiple & custom images of variations of the product back/front/sides view. The flipping effect works on the category page, cross-sell section, up-sell section & related products section. Admin can also further enhance the secondary image by resizing or applying the zoom-in or zoom-out effect.

Features:

Enable/disable: Enable the module to apply product image flip functionality to the store. The extension auto-flips the product image as the customer hovers on the product thumbnail.

Set hovered image: Add the hover image of the product by a simple tick/check on the “Add to hover” option at the backend

Zoom-in & Zoom-out Effects: Enhance the appearance of the secondary image by applying the zoom-in or zoom-out effect.

Resize back image: The options allow the admin panel to resize the back image by altering the width to get the best view & experience

Related Product, Up-sell & Cross-sell Products: Allow the flipper effect for the products displaying at related products, up-sell & cross-sell products section.

Extension Set-up:

1. To use this module, Go to Store > Configuration > SetuBridge > Product Back Image On Hover
2. Check more info on Extension Installation instruction here.

General Configurations:

Product image zoom on hover plays a crucial role in online shopping by helping customers better understand the product’s look and features. Clear, descriptive visuals enhance the browsing experience and bring it closer to real-life interaction. Showing multiple images with zoom on hover allows users to examine details, confirm the product fits their needs, and make quicker purchase decisions.

The hover image extension for Magento 2 adds advanced product flipping functionality to your store. As customers hover over a product thumbnail, the image automatically switches to the secondary image set by the admin. This smooth flipper effect, triggered on hover, improves the shopping experience and gives your store a more modern, dynamic feel.

The image zoom on hover extension lets admins showcase multiple custom images for product variations, including front, back, and side views. The smooth flipping effect activates on category pages, related items, up-sell, and cross-sell sections. Admins can also enhance the secondary image by resizing or applying zoom-in or zoom-out effects for better visual engagement.

Image Hover Extension Features:

  • Instagram Story–Style Hover Effects create a modern, engaging flip transition similar to social media stories.
  • Seamless Hover Image Flip automatically switch to a secondary image on hover.
  • Zoom-In & Zoom-Out Effects highlight product details with smooth zoom functionality.
  • Customizable Admin Controls easily choose hover images from uploaded product images.
  • Resize Secondary Image adjust image size for better presentation.
  • Works Across Storefronts fully compatible with category pages, related products, up-sell, and cross-sell blocks.
  • Theme Compatibility supports all standard and custom Magento 2 themes.
  • One-Click Enable/Disable turn hover functionality on or off from the backend anytime.

Hover Image Extension Set-up:

1. To use this module, Go to Store > Configuration > SetuBridge > Product Back Image On Hover.
2. Check more info on Extension Installation instruction here.

dynamic image swapping
frame-130-1
auto switching images just like stories
frame-1272631310
show multiple product images by hovering the cursor
frame-1272631311
configure app with hover type, animation styles & speed control
frame-1272631314-1-
display second product images as a hover effect
frame-1272631313
Set hovered image: Add the hover image of the product by a simple tick/check on the “Add to hover” option at the backend.
group-1272635675
FAQ
<div class="faq-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="faq-section"> <ul class="faq"> <li class="question"> Q1: This extensions work with all themes and extensions by other vendors?</li> <li class="answer"> A: SetuBridge extensions work with all the plugins, as well as with many third-party plugins. We'll definitely try to help you if you face any technical issues, please create a ticket at [email protected] </li> <li class="question"> Q2: Can I get free updates and support?</li> <li class="answer"> A: Yes, you will get 6 months of free support and 1 year of product updates with the purchase.</li> <li class="question"> Q3: Are you able to provide installation services?</li> <li class="answer"> A: Yes, you can use the installation and configuration services that are provided with every extension purchase. </li> <li class="question"> Q4: Is it possible to test the Product Back Image On Hover extension on a staging site before transferring it to a live one?</li> <li class="answer"> A: Yes, you can switch on the production domain from your test domain after configuring all the settings.</li> <li class="question"> Q5: Is the SetuBridge extension available to install with a one-time payment or subscription-based?</li> <li class="answer"> A: The extension is available to install & integrate with the store with a one-time payment. </li> <li class="question"> Q6: In case I need additional features for a extension, how can I request them?</li> <li class="answer"> A: You can send an email to <b>[email protected]</b> with your requirements for the extension.</li> <li class="question"> Q7: How can I get a refund?</li> <li class="answer"> A: You can read out the <a href="https://store.setubridge.com/refund-policy" target="_blank"><b>refund policy</b></a> for more details.</li> </ul> </div> </div>
<div class="faq-container" id="faq-container"> <div class="faq-section-1"> <!-- Question 1 --> <div data-mage-init='{ "collapsible":{ "animate":{ "duration" :500, "easing":"easeOutCubic"} }}'> <div data-role="title"> <div class="faq-question"> <span class="FAQ-Question">Does this extension work with all themes and extensions by other vendors?</span> </div> </div> <div data-role="content"> <ul class="faq-answer"> <li class="fake-answer">SetuBridge extensions work with all the plugins, as well as with many third-party plugins. We'll definitely try to help you if you face any technical issues, please create a ticket at [email protected].</li> </ul> </div> </div> <!-- Question 2 --> <div data-mage-init='{ "collapsible":{ "animate":{ "duration" :500, "easing":"easeOutCubic"} }}'> <div data-role="title"> <div class="faq-question"> <span class="FAQ-Question">Can I get free updates and support?</span> </div> </div> <div data-role="content"> <ul class="faq-answer"> <li class="fake-answer">Yes, you will get 6 months of free support and 1 year of product updates with the purchase.</li> </ul> </div> </div> <!-- Question 3 --> <div data-mage-init='{ "collapsible":{ "animate":{ "duration" :500, "easing":"easeOutCubic"} }}'> <div data-role="title"> <div class="faq-question"> <span class="FAQ-Question">Are you able to provide installation services?</span> </div> </div> <div data-role="content"> <ul class="faq-answer"> <li class="fake-answer">Yes, you can use the installation and configuration services that are provided with every extension purchase.</li> </ul> </div> </div> <!-- Question 4 --> <div data-mage-init='{ "collapsible":{ "animate":{ "duration" :500, "easing":"easeOutCubic"} }}'> <div data-role="title"> <div class="faq-question"> <span class="FAQ-Question">Is it possible to test the Product Back Image On Hover extension on a staging site before transferring it to a live one?</span> </div> </div> <div data-role="content"> <ul class="faq-answer"> <li class="fake-answer">Yes, you can switch on the production domain from your test domain after configuring all the settings.</li> </ul> </div> </div> </div> <div class="faq-section-2"> <!-- Question 5 --> <div data-mage-init='{ "collapsible":{ "animate":{ "duration" :500, "easing":"easeOutCubic"} }}'> <div data-role="title"> <div class="faq-question"> <span class="FAQ-Question">Is the SetuBridge extension available to install with a one-time payment or subscription-based?</span> </div> </div> <div data-role="content"> <ul class="faq-answer"> <li class="fake-answer">The extension is available to install & integrate with the store with a one-time payment.</li> </ul> </div> </div> <!-- Question 6 --> <div data-mage-init='{ "collapsible":{ "animate":{ "duration" :500, "easing":"easeOutCubic"} }}'> <div data-role="title"> <div class="faq-question"> <span class="FAQ-Question">In case I need additional features for an extension, how can I request them?</span> </div> </div> <div data-role="content"> <ul class="faq-answer"> <li class="fake-answer">You can send an email to <b>[email protected]</b> with your requirements for the extension.</li> </ul> </div> </div> <!-- Question 7 --> <div data-mage-init='{ "collapsible":{ "animate":{ "duration" :500, "easing":"easeOutCubic"} }}'> <div data-role="title"> <div class="faq-question"> <span class="FAQ-Question">How can I get a refund?</span> </div> </div> <div data-role="content"> <ul class="faq-answer"> <li class="fake-answer">You can read our <a href="https://store.setubridge.com/refund-policy" target="_blank"><b>refund policy</b></a> for more details.</li> </ul> </div> </div> </div> </div>

USER REVIEWS ON PRODUCT BACK IMAGE ON HOVER

  1. Extension Working
    100%
    Developer Support
    100%
    Simple but Powerful

    May 19,2025

    This tool does one thing, and it does it very well. It switches quickly and smoothly when you move your mouse over it.
  2. Extension Working
    100%
    Developer Support
    100%
    Modern Store Feel

    Nov 12,2024

    The flipping effect makes our site look new and professional. It's exactly what we needed.
  3. Extension Working
    100%
    Developer Support
    100%
    Real Upgrade

    Apr 22,2024

    Improves how products are looked at in a noticeable but gentle way.
  4. Extension Working
    100%
    Developer Support
    80%
    All Sections Covered

    Dec 10,2023

    Flipping helps with related products, upsells, and cross-sells. It’s just what we needed!
  5. Extension Working
    100%
    Developer Support
    100%
    Quick Help, Responsive Team

    Oct 25,2023

    I asked a setup question and got a clear answer in just a few hours. The support team is very knowledgeable. They were quick, friendly, and fixed a small problem immediately. It was a great experience after buying.
  6. Extension Working
    100%
    Developer Support
    100%
    Lightweight but Powerful

    Jul 17,2023

    Doesn't make our site slower and still looks great.
  7. Extension Working
    100%
    Developer Support
    100%
    Great for UX

    May 13,2023

    Customer experience is better now. People look at more products because they can see them quickly. A small change made a big impact.
  8. Extension Working
    100%
    Developer Support
    100%
    Zoom Feature

    Feb 08,2023

    Zooming in and out is smooth and makes the product look great.
  9. Extension Working
    100%
    Developer Support
    80%
    Sales Booster

    Dec 06,2022

    More people are adding items to their carts after installation.
  10. Extension Working
    100%
    Developer Support
    100%
    Easy Setup

    Aug 13,2022

    You can set it up in just a few minutes. The admin settings are easy to use, especially the box you check to choose the hover image. You don't need any developer help!
  11. Extension Working
    100%
    Developer Support
    100%
    Hover Magic

    May 06,2022

    The flipping effect is quick and looks good. It makes the category page feel current and engaging. It really helps show off the products better.
  12. Extension Working
    100%
    Developer Support
    100%
    Smooth Flip

    Jan 24,2022

    I love how the image changes when you move your mouse over it. It makes our product pages look more modern!
  13. Extension Working
    100%
    Developer Support
    100%
    Perfect tool!!

    Jul 06,2021

    Easy to use and working perfectly on all my products. there are no issues configuring this tool. recommended to others.
Write Your Own Review
Only registered users can write reviews. Please Sign in or create an account