Title: AAWEB Product Image Hover Swap for WooCommerce
Author: antoapweb
Published: <strong>June 18, 2026</strong>
Last modified: June 18, 2026

---

Search plugins

![](https://ps.w.org/aaweb-product-image-hover-swap-for-woocommerce/assets/banner-
772x250.png?rev=3577632)

![](https://ps.w.org/aaweb-product-image-hover-swap-for-woocommerce/assets/icon-
256x256.png?rev=3577632)

# AAWEB Product Image Hover Swap for WooCommerce

 By [antoapweb](https://profiles.wordpress.org/antoapweb/)

[Download](https://downloads.wordpress.org/plugin/aaweb-product-image-hover-swap-for-woocommerce.1.3.6.zip)

 * [Details](https://wordpress.org/plugins/aaweb-product-image-hover-swap-for-woocommerce/#description)
 * [Reviews](https://wordpress.org/plugins/aaweb-product-image-hover-swap-for-woocommerce/#reviews)
 *  [Installation](https://wordpress.org/plugins/aaweb-product-image-hover-swap-for-woocommerce/#installation)
 * [Development](https://wordpress.org/plugins/aaweb-product-image-hover-swap-for-woocommerce/#developers)

 [Support](https://wordpress.org/support/plugin/aaweb-product-image-hover-swap-for-woocommerce/)

## Description

AAWEB Product Image Hover Swap for WooCommerce displays a secondary product image
when visitors hover over a product card.

Requires WooCommerce. The plugin is designed for WooCommerce catalog pages, product
category pages, Elementor product grids, ShopEngine product lists, WooCommerce blocks,
AJAX refreshed product lists and compatible product card layouts.

Main features:

 * Automatic second gallery image detection.
 * WooCommerce loop hook injection.
 * AJAX DOM fallback for custom product cards.
 * MutationObserver support for AJAX filters and refreshed grids.
 * Desktop-only hover mode.
 * Mobile-safe behavior to avoid duplicate inline images.
 * Image-only wrapper to prevent hover images from covering titles, prices or labels.
 * ShopEngine product list compatibility.
 * Custom selectors for product cards, product links and images.
 * Translation-ready strings.
 * Clean uninstall option removal.

Developed by AAWEB — Apostolou Antonios.

## Screenshots

[⌊Example product card hover swap effect.⌉⌊Example product card hover swap effect
.⌉[

Example product card hover swap effect.

[⌊AAWEB Hover Swap settings screen.⌉⌊AAWEB Hover Swap settings screen.⌉[

AAWEB Hover Swap settings screen.

[⌊Example product catalog/grid compatibility screen.⌉⌊Example product catalog/grid
compatibility screen.⌉[

Example product catalog/grid compatibility screen.

## Installation

 1. Upload the plugin folder to `/wp-content/plugins/` or install the ZIP file from
    the WordPress admin area.
 2. Activate the plugin from the Plugins screen.
 3. Make sure WooCommerce is installed and active.
 4. Go to WooCommerce  AAWEB Hover Swap.
 5. Adjust selectors only if your theme or builder uses a custom product card structure.

## FAQ

### Does it work with Elementor?

Yes. It supports common Elementor WooCommerce product widgets and can also work 
with custom layouts through the selector settings.

### Does it work with ShopEngine?

Yes. It includes default selectors for ShopEngine product list cards.

### Does it work with WooCommerce Blocks?

Yes. It includes selectors for common WooCommerce block product grids.

### Does it work with AJAX filters or infinite scroll?

Yes. The DOM observer can detect refreshed product grids and apply the hover behavior
again.

### Does it affect mobile layouts?

The default desktop-only mode prevents hover logic on touch devices and avoids duplicate
second images on mobile.

### Where does the second image come from?

The plugin uses the selected image from the WooCommerce product gallery. By default
it uses the first gallery image.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“AAWEB Product Image Hover Swap for WooCommerce” is open source software. The following
people have contributed to this plugin.

Contributors

 *   [ antoapweb ](https://profiles.wordpress.org/antoapweb/)

[Translate “AAWEB Product Image Hover Swap for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/aaweb-product-image-hover-swap-for-woocommerce)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/aaweb-product-image-hover-swap-for-woocommerce/),
check out the [SVN repository](https://plugins.svn.wordpress.org/aaweb-product-image-hover-swap-for-woocommerce/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/aaweb-product-image-hover-swap-for-woocommerce/)
by [RSS](https://plugins.trac.wordpress.org/log/aaweb-product-image-hover-swap-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.3.6

 * Fixed Desktop-only mode so AJAX image loading still runs on mobile and touch 
   devices.
 * Prevented normal AJAX fallback misses from generating 404 console noise.

#### 1.3.4

 * Added ShopEngine product list selectors to the default compatibility layer.
 * Updated documentation to mention ShopEngine compatibility.

#### 1.3.3

 * Added stable fallback CSS for default WooCommerce shop and product category loops.
 * Improved hover reliability when custom selector output is overridden by the theme.

#### 1.3.2

 * Added explicit WooCommerce dependency header.
 * Added activation protection when WooCommerce is not active.
 * Added admin notice if WooCommerce becomes inactive after activation.
 * Prevented frontend assets from loading without WooCommerce.

#### 1.3.0

 * Rebuilt with AAWEB branding.
 * Added nonce-protected AJAX fallback.
 * Added WordPress enqueue-based inline CSS and JS.
 * Added translation-ready admin strings.
 * Added uninstall cleanup.
 * Added Elementor, WooCommerce block and AJAX refreshed grid support.
 * Added mobile-safe desktop-only behavior.

## Meta

 *  Version **1.3.6**
 *  Last updated **16 hours ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.7 or higher **
 *  Tested up to **7.0**
 *  PHP version ** 8.0 or higher **
 * Tags
 * [elementor](https://wordpress.org/plugins/tags/elementor/)[hover image](https://wordpress.org/plugins/tags/hover-image/)
   [product gallery](https://wordpress.org/plugins/tags/product-gallery/)[product images](https://wordpress.org/plugins/tags/product-images/)
   [woocommerce](https://wordpress.org/plugins/tags/woocommerce/)
 *  [Advanced View](https://wordpress.org/plugins/aaweb-product-image-hover-swap-for-woocommerce/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/aaweb-product-image-hover-swap-for-woocommerce/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/aaweb-product-image-hover-swap-for-woocommerce/reviews/)

## Contributors

 *   [ antoapweb ](https://profiles.wordpress.org/antoapweb/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/aaweb-product-image-hover-swap-for-woocommerce/)