PHPackages                             magestyapps/module-hover-image - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image &amp; Media](/categories/media)
4. /
5. magestyapps/module-hover-image

ActiveMagento2-module[Image &amp; Media](/categories/media)

magestyapps/module-hover-image
==============================

Magento 2 Product Hover Images

1.0.0(2y ago)6261[1 issues](https://github.com/MagestyApps/module-hover-image/issues)OSL-3.0PHP

Since Mar 20Pushed 2y ago1 watchersCompare

[ Source](https://github.com/MagestyApps/module-hover-image)[ Packagist](https://packagist.org/packages/magestyapps/module-hover-image)[ RSS](/packages/magestyapps-module-hover-image/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (1)DependenciesVersions (2)Used By (0)

[![Packagist](https://camo.githubusercontent.com/d220cfbce86fcfe84d6f1bf8ae1e618603c913f167ffa069438df523a731a85b/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d616765737479617070732f6d6f64756c652d686f7665722d696d6167652e737667)](https://packagist.org/packages/magestyapps/module-hover-image)

Magento 2 Product Hover Images
==============================

[](#magento-2-product-hover-images)

The module is designed to display alternative image when mouse cursor is hovering a product in product listing

**IMPORTANT:** *if you like the extension, could you please add a star to this GitHub repository in the top right corner. This is really important for us. Thanks.*

Installation
------------

[](#installation)

### Using Composer (recommended)

[](#using-composer-recommended)

1. Go to your Magento root folder
2. Download the extension using composer:

    ```
    composer require magestyapps/module-hover-image

    ```
3. Run setup commands:

    ```
    php bin/magento setup:upgrade;
    php bin/magento setup:di:compile;
    php bin/magento setup:static-content:deploy -f;

    ```

### Manually

[](#manually)

1. Go to your Magento root folder:

    ```
    cd

    ```
2. Copy extension files to *app/code/MagestyApps/HoverImage* folder:

    ```
    git clone https://github.com/MagestyApps/module-web-images.git app/code/MagestyApps/HoverImage

    ```

    ***NOTE:*** *alternatively, you can manually create the folder and copy the extension files there.*
3. Run setup commands:

    ```
    php bin/magento setup:upgrade;
    php bin/magento setup:di:compile;
    php bin/magento setup:static-content:deploy -f;

    ```

Configuration
-------------

[](#configuration)

### General Settings

[](#general-settings)

You can find the module's settings under:

*Stores &gt; Configuration &gt; MagestyApps Extensions &gt; Product Hover Image*

In the **Hover Effect** setting you can choose the preferred styling for the hover effect. Possible options are:

- Slide Left
- Slide Right
- Slide Up
- Slide Down
- Fade

### Assigning a hover image for a product

[](#assigning-a-hover-image-for-a-product)

In order to select a specific image to be displayed as an alternative image for a product, you should do the following:

1. Edit the product in admin panel and go to the **Media Gallery** section.
2. Select the necessary image
3. In the modal window in the 'Role' field, select the 'Hover Image' option
4. Save the product
5. Flush Magento cache if needed

Other Extensions
----------------

[](#other-extensions)

You can find more useful extensions for Magento 2 by visiting [MagestyApps Official Website](https://www.magestyapps.com/)

###  Health Score

22

—

LowBetter than 21% of packages

Maintenance17

Infrequent updates — may be unmaintained

Popularity13

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

836d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/11487119?v=4)[MagestyApps](/maintainers/magestyapps)[@MagestyApps](https://github.com/MagestyApps)

---

Top Contributors

[![MagestyApps](https://avatars.githubusercontent.com/u/11487119?v=4)](https://github.com/MagestyApps "MagestyApps (1 commits)")

---

Tags

image-segmentationimagesmagentomagento2magento2-extension

### Embed Badge

![Health badge](/badges/magestyapps-module-hover-image/health.svg)

```
[![Health](https://phpackages.com/badges/magestyapps-module-hover-image/health.svg)](https://phpackages.com/packages/magestyapps-module-hover-image)
```

###  Alternatives

[goat1000/svggraph

Generates SVG graphs

135911.1k3](/packages/goat1000-svggraph)[gravatarphp/gravatar

Gravatar URL builder which is most commonly called as a Gravatar library

16653.6k2](/packages/gravatarphp-gravatar)[rsoury/wp-imgix

Rewrites WordPress image URLs to use ImgIX

167.2k](/packages/rsoury-wp-imgix)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
