...
First, you have to enable the extension in Stores > Configuration > Magenest > Product Image Swap.
Enable Module: Choose Yes to enable Catalog Image Hovering
Default hovered Image:
Yes: The first image in the product’s gallery, except from product’s image, will be set as the hovered image.
No: Choose No to set the hover image manually.
.
Automatically set the second product image as a hovered catalog image.
...
Enable Enable zoom effects on product page
Store admins can decide how product image can be zoomed in/out with 5 special effects:
- Basic zoom
- Tint zoom
- Lens zoom
- Mousewheel zoom
- Inner zoom
...
Set up Animation: 6 types of hover animation
...
Product Image: show another image when hovering the product image
Product Wrapper: setting hovered image to shows up when mouse is moved to the product container
...
Set Set up product video hovering
Assign a hovered role for videosvideo. Our extension provides you with options to replay video after it ends or to continue playing on the next hover action.
...
Set the hovered image and video manually
In each product settings Catalog > Products > Edit > Images and Video settingsVideos
Set up product image hovering
Upload images for product
Browse to each image to set the role for them
Set “Hovered” role for hover image
Note: Each role belongs to only one image in product’s gallery
Set up product video hovering
Add video
- Upload video for product
- Url: Video link from YouTube or Vimeo.
- Title: Title of the product video
Click Click on Save to save the configuration.
...
On Magento 2 storefront, when customers hover on the product, it will switch to other another image or video, which gives customers a better view of the product without navigating to the product page.
View file | ||||
---|---|---|---|---|
|
Multiple image zoom effects on product pages.
View file | ||
---|---|---|
|
...
|
View file | ||||
---|---|---|---|---|
|
View file | ||||
---|---|---|---|---|
|
Not hovered
Hovered
...
Note: Hover effect is not available in the following cases:
Product The product image/ video has not been uploaded.
No image/video is set small role.
Hover The hover image/video has not been set.
Update
- When a new update is available, we will provide you with a new package containing our updated extension.
- You will have to delete the module directory and repeat the installing steps above.
- Flush the config cache. Your store and newly installed module should be working as expected.
...