AJAX-ZOOM

AJAX-ZOOM
M1

TOTAL:
$0.00
Compatible With: Community 1.5, 1.6, 1.6.1, 1.6.2.0, 1.7, 1.8, 1.8.1, 1.9, 1.9.1, 1.9.2, 1.9.3

Tech Specifications

Seller:
Current Version:
1.3.1
Type:
Stable Build
Updated:
26 September, 2017
Categories:
Extensions, Content & Customizations, Rich Media
Supported Browsers:
Chrome Linux: 42, 43, 44 Mac: 39, 44 Windows: 39, 40, 42, 43, 44 Firefox Linux: 31, 38, 39, 40, 41 Mac: 31, 38, 39, 40, 41 Windows: 31, 38, 39, 40, 41 Opera Linux: 8, 9 Mac: 8, 9 Windows: 7, 7.1, 8, 9 Safari Mac: 7, 7.1, 8, 9 IE Windows: 10, 11, 8, 9, Edge
License Type:

Overview

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

Overview

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.

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

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

 

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

 

Installation

For detailed installation instructions, troubleshooting, more screenshots, download and support please visit this page

Please try the extension on a development / staging server before putting it into production!

 

Conclusion

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

1.3.1:

  • Compatible with CE: 1.5 1.6 1.6.1 1.6.2.0 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

Support

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

Reviews

Back to top