Thank you for purchasing our extension. If you have any questions that are beyond the scope of this document, do not hesitate to leave us an email via [email protected]
Updated: 3127/0110/2019 2020 | By: Magenest | Support Portal: http://servicedesk.izysync.com/servicedesk/customer/portal/148
Table of Contentstoc |
---|
...
Highlight Features a
Introduction
Magento 2 Change Product Image On Hover allows customers to view another image or video of your product just by hovering over a product from the Catalog Pages.
Highlight Features
- Apply hovering for product images on Home Page and Category page.
- Display other another image without navigating to the product detail page
- Set hover image in two ways: automatic and manual.
- 6 hover animations and 5 easing functions
...
- Zoom in/out on product image on the product page
- Display video on hover
System Requirements
Your store should be running on Magento 2 version 2.1.x.; 2.2.x; 2.3.x
...
Configuration
First, you have to enable the extension in Stores > Configuration Configuration > Magenest > Popup
Add New Popup Template
In Magento 2 backend, go to Content > Magenest Popup > Manage Template. On this page, you can manage all popup templates, on the Action column, you can select to edit, delete, or preview the template.
You can add default templates (25 at once) by clicking on Load Template Default button.
You can create a new popup template by clicking on Add New Template button. For new popup template, you can name the template, choose the popup template type from 5 available types and customize the content and style with HTML and CSS.
Add New Popup
Go to Content > Magenest Popup > Manage Popup, you can view and manage all the available popups.
You can create new popup by clicking on Add New Popup button on the right side.
In General Settings, you can name the popup, choose the popup type, active time (Start Date - End Date), and priority
In Popup Configuration,
...
In HTML Content, you can customize the content and style of the popup using WYSIWYG editor
In Report tab, you can see the popup performance with the number of clicks, views and the CTR (Click through rate)
Data Log
In Magento 2 backend, you can view the data that customers fill in the popup (form) in Content > Magenest Popup > Data Collection.
Magenest > Product Image Swap.
Enable Module: Choose Yes to enable Catalog Image Hovering.
Automatically set the second product image as a hovered catalog image.
...
Enable zoom effects on product page
Enable module: Choose yes to enable Change Product Image on Hover extension
Animation starts when hovering over:
Product Image: show animation when hovering the product image
Product Container: show animation when the mouse is moved to the product container
Enable zoom effects on the product page: Choose Yes to enable zoom effects
Default zoom effect: 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
No animation
Fade into
Transition Left To Right
Transition Right To Left
Transition Bottom To Top
Transition Top To Bottom
...
Set up product video hovering
Assign a hovered role for video. Our extension provides you with options to replay video after it ends or to continue playing on the next hover action.
Enable video hovering: Choose Yes to enable video hovering
Media Priority: Choose Video to set video as a priority
Continue to play video on the next hover: Choose Yes to play video on the next hover, if you choose No, the video will play from the beginning
Enable video looping: Choose Yes to set video replay after it ends
Storefront when you choose Yes to continue to play video on the next hover.
When you enable video looping
...
Set the hovered image and video manually
Catalog > Products > Edit > Images and Videos
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 to specify the next image to display on hover.
Note:
- Admin can set the hovered role for only one image in the product image list.
- An image can not be set as the hovered role and small image at the same time.
Set up a product video
Catalog > Products > Edit > Images and Videos
Add video
- Upload video for product
- Url: Video link from YouTube or Vimeo.
- Title: Title of the product video
Click on Save to save the configuration.
...
Storefront Function
On Magento 2 storefront, when customers hover on the product, it will switch to another image or video, which gives customers a better view of the product without navigating to the product page.
Multiple image zoom effects on product pages:
Basic zoom
Tints
Mousewheel zoom
Lens zoom
Inner zoom
Note: Hover effect is not available in the following cases:
The product image/ video has not been uploaded.
No image/video is set small role.
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 installation steps above.
- Flush the config cache. Your store and newly installed module should be working as expected.
...
...
Support
- We will reply to support requests within 2 business days.
- We will offer lifetime free update and 6 months of free support for all of our paid products. Support includes answering questions related to our products, bug/error fixing to make sure our products fit well in your site exactly like our demo.
- Support DOES NOT include other series services such as customizing our products, installation, and uninstallation service.
...
Once again, thank you for purchasing our extension. If you have any questions relating to this extension, please do not hesitate to contact us for support.Magenest