Magento Platform
Open Source (CE)
1.5, 1.6, 1.6.1,, 1.7, 1.8, 1.8.1, 1.9, 1.9.1, 1.9.2, 1.9.3

Tech Specifications

Current Version:
Stable Build
14 June, 2018
Extensions, Content & Customizations, Rich Media
License Type:


Combination of mouseover zoom, 360° degree product viewer with deep zoom functionality and thumbnail slider for immersive product experience.


Back to top

The AJAX-ZOOM extension for Magento achieves the highest quality 2D, 360, and 3D product imaging magnification. For the end user, AJAX-ZOOM provides the most natural user experience. AJAX-ZOOM’s integration with Magento provides a simplified production pipeline for content managers and is extensively well documented providing developers a robust and powerful imaging application through the API. 


You do not need a separate account to try or use AJAX-ZOOM, however additional fees apply. There is no account, which is instantly created, when you install AJAX-ZOOM extension for Magento. Simply download the plugin and test it without any obligations. There is also no need to order AJAX-ZOOM before you have successfully installed and tested it! The license price primarily depends on the number of different images, which are displayed on a domain in the AJAX-ZOOM viewer. All prices and the license agreement can be viewed at this page.


The AJAX-ZOOM for Magento features the following components:

  1. AJAX-ZOOM product image + 360 viewer
  2. 360 "product tour" editor
  3. 360 hotspots editor
  4. Mouseover zoom / swipe gallery with support for videos

These four components combine to create powerful product presentations and an extraordinary user experience and are only available with the AJAX-ZOOM extension for Magento.

This extension implements the "AJAX-ZOOM mouseover extension" into Magento versions 1.5 - 1.9. On the frontend the mouseover zoom script replaces the default image box overriding media.phtml template file. In back end (admin panel), under system configuration, you can set several options to configure the frontend appearance. All options have annotations. Within the catalog product-management section, you will find a new AJAX-ZOOM tab. There you are able to upload and individually configure your 360 / 3D product spin views.

Please look at the frontend of a Magento demo installation.

AJAX-ZOOM product image + 360 viewer

The mouseover zoom / swipe gallery extension loads a pre-configured standard zoom image as a secondary thumbnail preview, e.g. adjustable 1200x1200 pixels. When the user clicks or taps on the mouseover zoom area, AJAX-ZOOM player opens at full screen or in a responsive window overlay. The power and magic of AJAX-ZOOM is that it implements image tiling, multi-resolution technology, dynamically loading only the requested parts of the high-resolution image depending on the zoom level / viewport. Similar to Google Maps: when zooming in, the image gets sharper dynamically at the user’s request. Product images are dynamically created from image tiles with exceptionally speed and responsive accuracy.

AJAX-ZOOM general features

  • Multi-resolution mage tiling technology
  • Pinch-zoom, tap-zoom and swipe gestures
  • Smooth swipe slide functionality for touch and mouse interaction
  • Multi-language support
  • Easily skinnable over predefined CSS templates and your custom CSS
  • Configurable UI. All control icons can be also disabled
  • Approximately 400 well documented configurable options
  • Natively supports JPEG and 24 bit PNG (transparency)
  • Other image formats available if ImageMagick® is installed on the server
  • API / hooks for further development


AJAX-ZOOM 360 product viewer

In addition to single images, the viewer optionally displays 360-degree product rotations or multi-row "3D" product views. Multiple images for 360-degree rotations and 3D product views are bulk uploaded in catalogue product management of your Magento installation. You can also import these images from a list of zip files, which you have previously uploaded over FTP in a specified directory. Zip files should contain the image frames of your 360-degree spin. After creating a 360-degree product rotation you will be able to: 

  • View and edit the images list
  • Activate / deactivate the 360 view in front end
  • Preview the 360 in a lightbox: image tiles for the 360 are instantly generated before publishing
  • Attach a 360 view to specific product variations
  • Set individual viewer setting for this particular 360 view, e.g. change rotation- speed or direction
  • Create hotspots (markings on the images) with the integrated hotspot editor
  • Create a guided "360 product tour" with the integrated product tour editor
  • Add additional 360-degree product rotations or 3D product views for the same product or product variations
  • Delete unneeded 360 views

At the front view, you can append the 360 product viewer at any place using jQuery selector, which is set in AJAX-ZOOM plugin options. In this case, the default image viewer or image viewer inserted by a different plugin is not replaced by AJAX-ZOOM mouseover! Therefore, you can use this plugin only for the 360 images and images, for you have defined hotspots.

360 "product tour" editor (control panel)

The 360 "product tour" editor is very easy to use. Simply select areas of interest in your 360 view and hit the crop button. The editor will instantly generate thumbnails of these areas and place them into the thumbnails gallery. On the front end, when users click a thumbnail, the player will spin and zoom to this selected area depicted in the thumbnail. Other features are:

  • Select from 10 predefined animated transitions
  • Create multi-language titles for the areas of interest. After the animation to the selected area of interest finishes, this title shows up as a button at a definable location over the player
  • Create multi-language thumbnail annotations
  • Create multi-language descriptions for the areas of interest. They appear when the user clicks on the title button. If button text is not defined, the description appears instantly after animation
  • The descriptions can contain text or multi-media content e.g. Youtube videos or additional images


The 360 product tour and 360 hotspots can be applied for the same 360 product view!

You can see and try the standalone 360 "product tour" editor / configurator here


360 hotspots editor (control panel)

The 360 hotspots editor offers extensive options for placing clickable markings on your 360 views. It is integrated directly into backend section of your Magento installation. Features:

  • Create unlimited number of hotspots
  • Set hotspots position via drag & drop
  • Choose between several predefined image- or CSS based hotspots
  • Style hotspots with CSS
  • Define a zoom level range at which a hotspot is visible
  • Optionally set a text label for each hotspot
  • Define position / gravity of the label
  • Enable and style a line connecting the label to the hotspot
  • Choose an action after the user clicks on the hotspot. You can choose between several predefined popup window types with text or other content such as iframes or videos
  • Define individual actions via JavaScript
  • All text has multi-language support


You can see and try the standalone 360 hotspots editor here


Mouseover zoom / swipe gallery features

  • Responsive mouseover area and flyout zoom window
  • Flyout zoom window size is adjustable to fit the size of any responsive elements via jQuery selector
  • Fixed or adaptive inner zoom depending on resolution and specifics of the responsive template layout
  • Mouseover zoom with flyout window can be disabled and the swipe gallery mode enabled
  • Support for Magento built in color swatch / product variations system (adjustable for third party color swatch extensions in media.phtml)
  • Tint filters available for mouseover zoom area
  • Fixed vertical or horizontal orientations of the thumbnails slider
  • Adaptable vertical or horizontal orientations of the thumbnails slider
  • Optional bullet navigation instead of thumbnails
  • Thumbnails slider extension can be disabled so you only have thumbnails styled with CSS
  • Thumbnail gallery is automatically hidden for single image display or 360 spin
  • All image and thumbnails sizes are adjustable over system configuration
  • Ideal for touch-enabled devices including Windows 10 devices with touchscreens
  • Integrated support for videos: Youtube, Vimeo, Dailymotion or MP4 videos



Once you have installed and operated a Magento Store with AJAX-ZOOM utilizing its four unique feature sets, you will wonder how you ever got along without it. After all, the AJAX-ZOOM extension for Magento plugin achieves the highest quality 2D, 360 and 3D product imaging magnification you can imagine and unique user experience.



Release Notes

Back to top


  • Compatible with Open Source (CE) : 1.5 1.6 1.6.1 1.7 1.8 1.9 1.9.1 1.9.2 1.9.3
  • Stability: Stable Build
  • Description:

    - Added a possibility to display the 360 views || videos || images with hotspots e.g. after product description or anywhere else on product detail page per jQuery selector. Images with hotspots can be excluded from gallery view using Magento native checkbox, but will load inside AJAX-ZOOM player if they have hotspots configured. Images without hotspots will be not loaded in this mode. Demo: magento.ajax-zoom.com/magento_19/home-decor/electronics/madison-rx3400.html

    - Fixed missing jQuery core lib at backend, when Magento "Merge JavaScript Files" option is eabled.


  • Compatible with Open Source (CE) : 1.5 1.6 1.6.1 1.7 1.8 1.8.1 1.9 1.9.1 1.9.2 1.9.3
  • Stability: Stable Build
  • Description:

    Small improvements


  • Compatible with Open Source (CE) : 1.5 1.6 1.6.1 1.7 1.8 1.8.1 1.9 1.9.1 1.9.2 1.9.3
  • Stability: Stable Build
  • Description:

    New options including "axZmMode", which allows to embed AJAX-ZOOM player directly inline without mouseover zoom extension.


  • Compatible with Open Source (CE) : 1.5 1.6 1.6.1 1.7 1.8 1.8.1 1.9 1.9.1 1.9.2 1.9.3
  • Stability: Stable Build
  • Description:

    Marketing review for Magento Marketplace:
    - Removed text from extension icon
    - Double checked spelling
    - Extended introductionary section
    - All headings are H2 or H3


Back to top
The best place to start if you need help with a specific extension is to contact the developer. All Magento developers have both a contact email and a support email listed.

Q & A

Back to top


Back to top