CE, EE 2.1.x, 2.2.x, 2.3.x
Version 1.0.0
$49.00

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
  • Fully display and mobile responsive

Screenshots

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

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 over 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

    In Magento 2 back-end, admins can choose from 6 types of image swap animations, as well as set the start time of the animation after a product is hovered upon and adjust the speed of the animation.

  • No animation
  • Fade transition
  • Left to right transition
  • Right to left transition
  • Bottom to top transition
  • Top to bottom transition
  • Animation easing settings

Automatic setup and mobile friendliness

    After installing, you can set the extension to automatically select the second image of a product as the hovered image. Alternatively, you can always manually choose your prefered hovered image for each product in the back-end. This extension works on both desktops as well as on mobile devices, providing a seamless experience across platforms.

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

Version 1.0.0 - Updated: March 28, 2019

Compatibility: Magento 2.1.x, 2.2.x, 2.3.x (Open Source, Commerce)

- Add a custom product image role named "Hovered"
- 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.