Beschreibung
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 URL metadata without an extra image element.
- Hover-only AJAX fallback for custom product cards, with request deduplication.
- 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
Installation
- Upload the plugin folder to
/wp-content/plugins/or install the ZIP file from the WordPress admin area. - Activate the plugin from the Plugins screen.
- Make sure WooCommerce is installed and active.
- Go to WooCommerce AAWEB Hover Swap.
- 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?
-
Hover effects are automatically limited to devices with a real hover-capable pointer, so touch devices avoid unwanted hover behavior.
-
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.
Rezensionen
Zu diesem Plugin liegen noch keine Rezensionen vor.
Mitwirkende und Entwickler
„AAWEB Product Image Hover Swap for WooCommerce“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
Mitwirkende
„AAWEB Product Image Hover Swap for WooCommerce“ wurde in 1 Sprache übersetzt. Danke an die Übersetzer für ihre Mitwirkung.
Übersetze „AAWEB Product Image Hover Swap for WooCommerce“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN-Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
1.3.12
- Store hover URLs as inert HTML data attributes instead of printing a second image.
- Load the second image only on a real desktop hover; touch devices create no secondary image.
- Remove page-load AJAX scans; keep hover-only AJAX fallback for custom grids without server metadata.
- Deduplicate concurrent fallback requests, cache missing images and limit fallback concurrency to two.
- Preserve selectors, image size, gallery index, AJAX grid support and HPOS compatibility.
1.3.11
- Declared compatibility with WooCommerce High-Performance Order Storage (HPOS).
- Updated compatibility metadata for WordPress 7.1 and WooCommerce 11.1.
- No changes to hover-swap frontend behavior from version 1.3.10.
1.3.10
- Prevented AJAX second-image requests on touch devices that cannot display the hover effect.
- Kept image wrapping active on mobile to preserve layout compatibility and avoid duplicate inline images.
1.3.9
- Simplified settings screen with General and Advanced sections.
- Removed legacy Wrap only image and Desktop only options from the admin UI.
- Internalized technical AJAX, hook, observer, cache, timeout and concurrency behavior.
- Fixed brief raw display of the secondary image before JavaScript initialization.
- Cleaned frontend initialization to use one stable image-wrapper flow.
1.3.8
- Changed default hover image size to Medium Large.
- Added selectable hover image sizes in plugin settings.
- Improved hover image sharpness on WooCommerce product grids.
1.3.7
- Added safer fallback handling for default settings.
- Added Reset to Defaults support.
- Improved settings descriptions for easier configuration.
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.