Magento 2 Product Image Swap
Magento 2 Product Image Swap allows customers to view another image of your product just by hovering over a product from the Catalog Pages.
- Product images swapable in the Homepage, Category Pages, Search Pages, etc.
- Automatically set the next image of a product as hover image
- Manually change the second image on hover in the back-end
- Product image swap when customers hover on the current image or the entire product holder
- Choose animations when hovering
- Adjust animation’s performance speed with ease
- Fully display and mobile responsive
Customers usually imagine your product through its description and a single picture on the Hompage/ Category page. To get more visual about these products, they must navigate to the product page and that takes time to wait.
With Magento 2 Product Image Swap, your customer can preview the product’s pictures without navigating to its detail page. Improving your customer’s experience with the animated and vivid gallery in your online stores.
Capture customers' attention by providing customers with a detailed look at a product even before they see its detail page with Magento 2 Product Image Swap
Preview another image of a product right when browsing the catalog
To drive customers' buying decision, you need to show out all of the advantageous features of your products
A set of animations for image swap
The extension comes with 6 different animations for you, choose the one that match your site aesthetics for the best user experience
Create vivid pictures for your products
Product images swap upon hovering
Shoppers can have a more comprehensive look at products when browsing your store. This process is made extremely effortless as a simple hover on a product triggers another image of it to be displayed. You can provide users with different angles of the product, a real-life example of how the product is used, or buying options for the product.
A set of hover animation types available to you
- No animation
- Fade transition
- Left to right transition
- Right to left transition
- Bottom to top transition
- Top to bottom transition
- Animation easing settings
In Magento 2 back-end, admins can choose from 6 types of product image flipper animations, as well as set the start time of the animation after a product is hovered upon and adjust the speed of the animation.
Adjust animation’s performance speed with ease
- Linear: no easing
- Ease In: slow start and fast end
- Ease Out: fast start and slow end
- Ease In Out: slow start, fast middle, and slow end
- Ease: like Ease In Out but its start slightly faster than the end
Admin can choose multiple easing modes for the product’s pictures in order to suit customers.
A full list of Magento 2 Product Image Swap features
- Swap multiple product images when customers hover over a product on catalog pages
- Multiple options for animation
- Set second image on hover automatically
- Set or change hovered images manually for each product
- Set animation start time
- Set animation duration
- Adjust animation easing configuration
- Mobile friendly
More Useful Features
SET UP HOVERING PICTURE AUTOMATICALLY
After installing, you can set the extension to automatically select the second image of a product as the hovered image.
SELECT CERTAIN IMAGES FOR HOVERING ACTIONS SIMPLY
You can always manually choose your preferred hovered image for each product in the back-end.
HIGHLY RESPONSIVE WITH MANY DEVICES
Magento 2 Image Flipper extension works on both desktops as well as on mobile devices, providing a seamless experience across platforms.
MANAGE PRODUCT’S IMAGES WITH EASE
With quick steps, admin can easily add or delete any product’s animated intentionally.
Reason to chooseMagenest
without hidden cost
Version 1.0.0 - Updated: March 28, 2019
Compatibility: Magento 2.1.x, 2.2.x, 2.3.x (Open Source, Commerce)
- The image will be shown when users hovering over it on storefront
- The following products can have image hovering effect:
+ Products in the product list widget on Home page.
+ Products on Category page.
+ Products on Search page.
- Add option to automatically assign the first image in the image gallery to be "Hovered" image.
- Add some basic animations for hovering with duration of animation and easing function.
- There are 2 options for image hovering: Product Image and Product Wrapper.