cancel
Showing results for 
Search instead for 
Did you mean: 

Looking for image zoom and pan functionality similiar to Google Maps

Looking for image zoom and pan functionality similiar to Google Maps

Does anyone know of an extension that allows for the following functionality?

 

#1. Click on image to open a full screen overlay window.

#2. Image is automatically displayed to fit the user's display area based on the user's display resolution.

 

#3. While hovering over the image, you can zoom in and out using your mouse scroll wheel.

 

#4. You can pan the image by holding down the left mouse button and moving the mouse around.

 

#5. A button to reset the image back to fit the user's display size/resolution.

 

#6. A button to close the overlay window.

 

#7. The ability to display small thumbnail images within the overlay window that are part of a gallery at the bottom of the screen and click on a particular image.

 

The best example of the zoom and panning functionality is Google Maps.

 

Does an extension exist that consists of the functionality above?

4 REPLIES 4

Re: Looking for image zoom and pan functionality similiar to Google Maps

Magic Zoom Plus works very similar to what you describe - click for full-screen, click/hover to zoom deeper, thumbnails underneath etc.

 

It has over 70 customisation options, so you can adjust the settings to suit your needs.

 

You can install the free trial version or purchase the full version (one-time fee).

 

Image zoom for Magento 1:

 

https://marketplace.magento.com/catalog/product/view/id/35949/s/magictoolbox-magictoolbox-magiczoomp...

 

Image zoom for Magento 2:

 

https://marketplace.magento.com/magictoolbox-magiczoomplus.html

 

Re: Looking for image zoom and pan functionality similiar to Google Maps

Hi,

I also suggest the Product Zoom Pro for Magento 2 by Ulmod. The extension includes window zoom, inner zoom, lens zoom, carousel for thumbnails, lightbox for large images and a lot more options to set the image zoom as per your needs.

 

Please visit the product page and check the demo for more details.

 

Product page :
https://www.ulmod.com/magento-2-product-zoom-extension.html

 

Hope it helps.

If you found it helpful, please give "Kudos" or "Accept as Solution".

Re: Looking for image zoom and pan functionality similiar to Google Maps

Checkout the following image zoom extension for Magento 2. It fulfills all the above mentioned requirements plus offers other useful features. It offers several magnifier types such as Basic zoom, Tint, Easing etc. Users can see the full window preview of images. Lightbox can be enabled with transition effects and navigation style. Hope it will work. 

https://marketplace.magento.com/fme-product-zoom.html

Re: Looking for image zoom and pan functionality similiar to Google Maps

Hello @VisualDynamics

 

I'd like to suggest Product Zoom Pro Magento 2 Extension. This extension has the features that you have mentioned. This module helps to magnify product images on hover and provide zoom in-zoom out preview functionality over the product detail page.

 

Check Out The Key Features:

 

  • Get a fully customizable interface of the extension, a beginner can easily setup.
  • Supports all major browsers like chrome, firefox, opera, etc.
  • Zoom type contains basic zoom options like window height with color and opacity.
  • The zoom can be placed inside of the image to showcase the selected image beautifully.
  • You can use the lens zoom setting to “Magnify the image” to see like a big-screen view.
  • You can easily set tints for the zoom, can set the color and opacity of the tinted overlay.
  • Variable zoom on mouse scroll to see product image with zoom effect.
  • You can attach a set of images to the zoom, not only one image at a time.
  • Allows fading in and out on the Lens, Window, and Tint.
  • The Zoom Window Size can be adjusted to any proportions.
  • Owl carousel integration for image gallery to showcase like a slider.