Catalog Image Hovering Extension for Magento 2 User Guide · Catalog Image Hovering Extension for...
5
Catalog Image Hovering Extension for Magento 2 User Guide 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: 31/01/2019 | By: Magenest | Support Portal: http://servicedesk.izysync.com/servicedesk/customer/portal/148 Highlight Features System Requirements Configuration Set the hovered image manually Storefront Function Update Support Highlight Features Apply hovering for product images on Home Page and Category page. Display other image without navigating to the product detail page Set hover image in two ways: automatic and manual. 6 hover animations and 5 easing functions System Requirements Your store should be running on version Magento 2 2.1.x.; 2.2.x; 2.3.x Configuration First, you have to enable the extension in Stores > Configuration > Magenest > Catalog Image Hovering Enable Module Choose Yes to enable Catalog Image Hovering : 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.
Transcript of Catalog Image Hovering Extension for Magento 2 User Guide · Catalog Image Hovering Extension for...
Catalog Image Hovering Extension for Magento 2 User GuideThank you for purchasing our extension. If you have any questions that are beyond the scope of this document, do not hesitate to leave us anemail via [email protected]
Updated: 31/01/2019 | By: Magenest | Support Portal: http://servicedesk.izysync.com/servicedesk/customer/portal/148
Highlight FeaturesSystem Requirements
ConfigurationSet the hovered image manuallyStorefront FunctionUpdateSupport
Highlight FeaturesApply hovering for product images on Home Page and Category page.Display other image without navigating to the product detail pageSet hover image in two ways: automatic and manual.6 hover animations and 5 easing functions
System Requirements
Your store should be running on version Magento 2 2.1.x.; 2.2.x; 2.3.x
ConfigurationFirst, you have to enable the extension in Stores > Configuration > Magenest > Catalog Image Hovering
Enable Module Choose Yes to enable Catalog Image Hovering:
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 animationFade intoTransition Left To RightTransition Right To LeftTransition Bottom To TopTransition 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 endEase Out: fast start and slow endEase In Out: slow start, fast middle, and slow endEase: like Ease In Out but its start slightly faster than endLinear: no easing
Animation starts when hovering over
Product Image: show another image when hovering product imageProduct Wrapper: setting hovered image to shows up when mouse is moved to product container.
Set the hovered image manually In each product settings > Images and Video settings
Upload images for productBrowse to each image to set the role for themSet “Hovered” role for hover image
Note Each role belongs to only one image in product’s gallery:
Click on to save the configuration.Save
Storefront FunctionOn Magento 2 storefront, when customers hover on the product, it will switch to other image, which gives customers a better view of theproduct without navigating to the product page.
Not hovered
Hovered
Note: Hover effect is not available in the following cases:
Product image has not been uploaded.No image is set small role.Hover image has not been set.
UpdateWhen 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.
SupportWe will reply to support requests within .2 business daysWe will offer . Support includes answering questionslifetime free update and 6 months free support for all of our paid productsrelated to our products, bug/error fixing to make sure our products fit well in your site exactly like our demo.Support include other services such as customizing our products, installation and uninstallation service.DOES NOT
Once again, thank you for purchasing our extension. If you have any questions relating to this extension, please do not hesitate to contact usfor support.
Magenest
