Take your e-commerce store further.

Using the right Magento 2 extension is more essential now than ever. With MagePal, you can rest assured that you are getting the best quality Magento extensions, each line of code are carefully crafted and rigorously tested. Spend less time debugging and more time doing what you do best with MagePal extensions!

Catalog Hover Image for Magento 2

What is Catalog Hover Image for Magento 2?

Allowing customers to quickly preview alternative product views (such as back view, model shot, or angle variation) directly from category pages is essential for increasing engagement and driving click-throughs to product detail pages.

With Catalog Hover Image for Magento 2, a secondary product image automatically appears when a shopper hovers their mouse cursor over a product in category lists, search results, or product widgets.

Installation Guide

Need Help? Purchase Extension

Step 1 - Review License

Review the license.txt provided with your purchase.

Step 2 - Install Catalog Hover Image

  • Please log in to your MagePal account for access credentials to our private composer repository.
    composer require magepal/magento2-catalog-hover-image
    
Manually
  • Download and install our core extension:
    • https://github.com/magepal/magento2-core
  • Download the extension archive.
  • Unzip the archive.
  • Create the target directory: {Magento 2 root}/app/code/MagePal/CatalogHoverImage
  • Copy the contents from the unzipped folder into this directory.

Step 3 - Enable Module

Run the following commands from your Magento root folder:

php -f bin/magento module:enable --clear-static-content MagePal_CatalogHoverImage
php -f bin/magento setup:upgrade

Step 4 - Configure Catalog Hover Image

  1. Log into your Magento 2 Admin Panel.
  2. Navigate to Stores > Configuration.
  3. Under the MagePal tab, select Catalog Hover Image.
  4. Enable the extension and configure which product image role (e.g., thumbnail, small image, or custom attribute) to use for the hover effect.

Step 5 - Extension Review

Like our extensions? Would you be kind enough to leave us a Google review? It only takes a minute and we’d be eternally grateful! Just click the link to go to our MagePal Google Business page and leave us your feedback.

Extension Support

Like all other open source projects, sometimes things work and sometimes they don't for one reason or another.

Version History | Change Log

2.3.12

  • New Features:
    • Add support for PHP 8.5 and Magento 2.4.9

2.3.11

  • New Features:
    • Add support for Magento 2.4.8 and PHP 8.4
    • Fix nullable type errors on PHP 8.4 and drop support for older PHP and Magento versions

2.3.9

  • New Features:
    • Add support for PHP 8.3

2.3.8

  • New Features:
    • Add support for Magento 2.4.6 and PHP 8.2
  • Fixed bugs:
    • Fix PHP 8.1 compatibility in ImagePlugin and the swatch renderer

2.3.7

  • New Features:
    • Add support for PHP 8.1

2.3.5

  • Initialize each image with its own data-mage-init attribute

2.3.1

  • Add support for Magento 2.4.x

1.3.0

  • Add support for Magento 2.3.3

1.2.0

  • Add support for Magento 2.3.0
  • Add support for PHP 7.3

1.1.0

  • First release

Related Extensions

Get more from your Magento2 store!

Enhanced Success Page

Add cross-sell, upsell, related products, social media links and other elements to your order confirmation.

DataLayer for Tag Manager

Whether you are integrating Bing, Facebook, SnapChat, Pinterest, or any other services our extension make it easy.

Magento Enhanced E-commerce

If your are using Magento + Google Analytics, then you need Enhanced E-commerce for Google Tag Manager.

0

Total Downloads

11

years experience with Magento

30+

Magento / Adobe Commerce Extensions

Shop with confidence

With millions of downloads worldwide, install with confidence knowing that our extensions will just work.

Prepare for the future with Google Analytics 4

Is your Magento store ready for the future? Say hello to the new Google Analytics 4, which is built from the ground up with all-new features and advanced machine learning technology.

Learn More