Product Zoom Pro - Magento 2 Extension

Introduction

Installation

Installation Process

Note: Please take a backup of your all Magento files and database before installing or updating any extension.

Download the extension file:
  1. Download the Product Zoom Pro extension .ZIP file from solwininfotech.com using your Solwin Infotech website account.
  2. Extract the .ZIP file which contains another .ZIP files.
  3. If you have purchased the extension for the Community Edition, then you will see the extension .ZIP file for Magento 2.0.x, Magento 2.1.x, Magento 2.2.x and Magento 2.3.x version.
    If you have purchased the extension for the Enterprise Edition, then you will see the extension .ZIP file for Magento 2.1.x and Magento 2.2.x version.
Extension Installation:

For Magento 2 Community Edition,

  1. If you are using Magento 2.0.x then you need to extract solwin-productzoom-m2-2.0.x.zip file.
    If you are using Magento 2.1.x then you need to extract solwin-productzoom-m2-2.1.x.zip file.
    If you are using Magento 2.2.x then you need to extract solwin-productzoom-m2-2.2.x.zip file.
    If you are using Magento 2.3.x then you need to extract solwin-productzoom-m2-2.3.x.zip file.

For Magento 2 Enterprise Edition,

  1. If you are using Magento 2.1.x then you need to extract solwin-productzoom-m2-EE-2.1.x.zip file.
    If you are using Magento 2.2.x then you need to extract solwin-productzoom-m2-EE-2.2.x.zip file.

Following 2 to 6 steps are the same for Community and Enterprise edition.

  1. Copy the app folder and paste it into your magento ROOT directory.

    FTP
  2. Run upgrade command as specified : php bin/magento setup:upgrade
  3. Run deploy command as specified : php bin/magento setup:static-content:deploy -f
  4. Clear the cache either from the admin panel or command line php bin/magento cache:clean
  5. Now, you can see the Solwin menu in admin panel. Please go to Solwin -> Product Zoom -> Configuration and select Enable to Yes.
  6. Change/Set all other options as per your requirements and save settings.

NOTE : Make sure the installation is done from under the FTP administrator account. Otherwise make sure to set 775 permissions to the store root directory after the extension is deployed.

Getting Started

A setup guide and general information to help you

This document covers the installation, set up, and use of this extension and provide answers and solutions to common problems and issues. We encourage you to read this document thoroughly if you are experiencing any difficulties.

Information

Advanced Product Zoom Pro is best suited to provide product zoom functionality over product detail page for product images. Customers can instantly view details of product without clicking on images and wait for the popup. Using JavaScript, the zoomed image shows on mouse over when the user hovers on the small image. Very easy to configure it will fit your website design without problem and it works in all major browsers, including the iPad and iPhone.

Product Zoom Pro works best using two images, one low resolution of the visible image, and one high resolution for the zoomed image. If you only have one image available, Product Zoom Pro will still work if you scale down the image, although this is not recommended as your page load time will increase if you are loading larger images.

Product Zoom Pro extension provides main three zoom types: Basic zoom, Inner zoom, Lens zoom.

1) Basic Zoom: This zoom type contains window/basic zoom options like

  • Zoom window height and width.
  • Tint effect with tint color and tint opacity.
  • Zoom window position.
  • Zoom effect (Fade in/Fade out, Easing, Mouse wheel).

2) Inner Zoom:

  • The zoom can be placed inside of the image.
  • Zoom effect (Fade in/Fade out, Easing, Mouse wheel).

3) Lens Zoom: You can use the lens zoom setting to “Magnify the image”.

  • Zoom lens type (Round or Square).
  • Zoom lens size.
  • Zoom effect (Fade in/Fade out, Easing, Mouse wheel).

Features

There are many untold reasons/features to use Product Zoom Pro extension in eCommerce website.

  • Easy to install and manage.
  • Supports all major browsers
  • Variable zoom on mouse scroll
  • You can easily set tints for the zoom, you can set the color and opacity of the tint overlay to be any value
  • You can attach a set of images to the zoom.
  • Positioning the window can be done in by setting a default position, and then using x and y offset to adjust
  • You can fade in and out on the Lens, Window and Tint
  • You can use the default easing or a custom easing setting.
  • More Configurable option from backend
  • Owl carousel integration for image gallery
  • Carousel for gallery with ability to change its position

How To Use

In frontside, On product view page customer can see the product zoom facility for a product image when mouse is hover on image:

1. Window/Basic Zoom

window-zoom


2 Inner Zoom

inner-zoom


3. Lens Zoom

lens-zoom

Settings

In the Backend, Go to 'Solwin -> Configuration' menu, our extension allows you to enable or disable the module in your store and provide you more configuration options for product zoom.

There are some configuration options in Settings tab. Let's discuss all in more details.

product-zoom-settings

  • Enable: Yes | No
  • Select Zoom Type: basic | inner | lens
  • Gallery Position: Top | Bottom | Left | Right
  • Choose Effect: Tint Effect
  • Tint Color: Set tint color
  • Tint Opacity: Set tint opacity
  • Zoom Window Width: Set zoom window width
  • Zoom Window Height: Set zoom window height
  • Zoom Window Position: Select zoom window position
  • Zoom Window FadeIn Speed: Set Speed For Zoom Window Fade In
  • Zoom Window FadeOut Speed: Set Speed For Zoom Window Fade Out
  • Lens FadeIn Speed: Set Speed For Lens Fade In
  • Lens FadeOut Speed: Set Speed For Lens Fade Out

Support

If you have any questions or requests, please contact us at support@solwininfotech.com. We are very happy to assist you!

  1. Website: https://solwininfotech.com
  2. Blog: https://solwininfotech.com/blog
  3. Support: http://support.solwininfotech.com