...

First, you have to enable the extension in Stores > Configuration > Magenest > Catalog Image Hovering

abc

...

Enable Module: Choose Yes to enable Catalog Image Hovering

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.

Image Removed

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.

Image Removed

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.

Image Removed

 In General Settings, you can name the popup, choose the popup type, active time (Start Date - End Date), and priority

Image Removed

 In Popup Configuration, 

...

Default hovered Image:

• Yes: The first image in product’s gallery, except from product’s image, will be set as hovered image.

• No: Choose No to set hover image manually.

Animation: 5 types of hover animation

• No animation

• Fade into

• Transition Left To Right

• Transition Right To Left

• Transition Bottom To Top

• Transition Top To Bottom

Duration: the length of time that an animation takes to complete one cycle.

Easing: animation’s performance speed

• 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 end

• Linear: no easing

Animation starts when hovering over

• Product Image: show another image when hovering product image

• Product Wrapper: setting hovered image to shows up when mouse is moved to product container.

Image Added

...

Image Removed

  In HTML Content, you can customize the content and style of the popup using WYSIWYG editor

 Image Removed

 In Report tab, you can see the popup performance with the number of clicks, views and the CTR (Click through rate)

Image Removed

Data Log

In Magento 2 backend, you can view the data that customers fill in the popup (form) in Content > Magenest Popup > Data Collection.

...

• 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.

...