AJAX-ZOOM Modules / plugins overview

In the frontend of Magento's product detail page, the AJAX-ZOOM plugin for Magento replaces the default viewer with the responsive image zoom on hover + optional 360° + videos AJAX-ZOOM extension. Optionally, you can insert the 360 product views into a tab or elsewhere on the page using a definable jQuery selector. In that case, the default image viewer remains, or you can replace it with a different third-party plugin.

In the backend, administrators can upload several 360 product images or import them from ZIP files, which were previously uploaded, e.g., over FTP. You can configure each 360 product view with individual settings and assign it to a combination of associated products. Furthermore, there is an option to define videos from YouTube, Vimeo, or link to mp4 stream. Same as with the 360 product views, you can assign these videos to only certain product variations and even define different video sources for different languages. There is no need to change anything for your regular product images. Though, you can add clickable and interactive hotspots to them.

In the front office at the product detail page, the AJAX-ZOOM module for PrestaShop replaces the default product views with the responsive zoom on hover AJAX-ZOOM extension capable of displaying 360 product spins and videos in one product viewer. Alternatively, you can configure the module to show only 360 product views in an extra tab or at any other place by defining a jQuery selector.

In the back office, the administrators can upload several 360 or 3D product views or import them from ZIP files, which were previously uploaded, e.g., over FTP. Administrators can configure each 360 spin with individual settings, e.g., set rotation speed and direction. Furthermore, they can select to show a particular 360-product spin only with certain product variations.

The module also supports defining videos from various sources such as YouTube or Vimeo. For regular images, there is a possibility to add clickable hotspots with a ton of predefined features. The same and more can be done for 360 product views.

Based on Woo and WordPress hooks, the AJAX-ZOOM plugin at the product detail page replaces the standard view of the product images with the AJAX-ZOOM images viewer.

Besides regular images, the viewer can display 360 product views and videos. At the frontend, the viewer connects to the variants of the articles and changes the images when the user switches between variants. This functionality proved to work well with all templates so far.

Instead of replacing the main images viewer on the product page, you can also place the AJAX-ZOOM viewer with your 360 product views in the product description part or wherever else using the shortcode. That way, it is possible to use a different third-party plugin for displaying the images. Alternatively, keep that of the template.

At the backend of WordPress, administrators can upload multiple 360 or 3D product images and even match them with selected product variants if available. You can do the same with Videos, which is also additional functionality that the plugin adds to the form for editing the articles.

Furthermore, the AJAX-ZOOM plugin adds a possibility to upload more than one image for product variants. If you are already using the official WooCommerce plugin for additional variant images, they do show at the frontend in AJAX-ZOOM viewer as supposed to.

To all product images and 360 product spins, you can add clickable hotspots via the hotspots editor directly at WordPress's backend.

Nevertheless, there is an AJAX-ZOOM plugin for Shopware. At the frontend, it can replace the default image slider with AJAX-ZOOM viewer, but it can also add the 360 product views and videos to the array of items in the default image slider. Alternatively, you can configure the plugin to place the 360-product viewer into a tab.

Besides, there is a possibility to add 360 spins to the product worlds or other pages via copy & paste HTML code.

At the backend, administrators can upload 360 images or import them. An additional mass import feature lets you add any amount of 360 images to many products, create the AJAX-ZOOM cache, and automatically activate the 360 spins to display at the frontend.

Adding videos from YouTube, Vimeo, or a link to MP4 streams is also a part of the AJAX-ZOOM plugin for Shopware. The thumbnails for videos are fetched instantly, but you can also upload or create thumbnails. There is also a script to synchronize the videos list with an Excel file and export a videos map for Google.

Moreover, administrators can create interactive hotspots for regular images and 360 product views. Besides, create 360 product tours via the integrated editor.

The AJAX-ZOOM plugin for OXID features 360 image views and images with deep zoom. In the frontend, the zoom on hover AJAX-ZOOM extension replaces the default image viewer. Administrators can upload the 360 images and images for 3D views via the backend or import the images from previously uploaded files over FTP as ZIP files.

Via integrated editors, it is furthermore possible to create interactive hotspots and 360 product tours. A separate configuration for every 360 image set is not needed but possible. All specific options of the AJAX-ZOOM on hover extension are changeable over the backend too. The AJAX-ZOOM cache creates on-the-fly whenever the viewer opens with the content. Alternatively, there is a possibility to create the cache over the visual batch tool that is part of the backend as well.

After installing the AJAX-ZOOM plugin for OXID, you can disable it for the output for the frontend and explore its possibilities at the backend. You also in the position to enable it for selected products only and perform, e.g., A/B or QA tests. By the way, it is possible in all AJAX-ZOOM Plugins for e-commerce systems.

In the frontend, the AJAX-ZOOM extension for OpenCart replaces the image display area of the template with the AJAX-ZOOM "zoom on hover" extension. Besides efficient displaying high-resolution images, the extension features 360 views as well as 3D multi-level product views. Administrators can create those views in the backend area of the OpenCart system. You can upload the 360 images over the interface or import them from files that were previously uploaded to a specified folder.

It is possible to configure each 360-spin individually or globally adjust the settings of the hover on zoom extension over the backend interface as well. With the hotspots editor that opens in a new window, you can place an interactive marking on the 360 views. With the similarly integrated editor, you can create 360 product tours by selecting parts of the 360 view and describing them. The AJAX-ZOOM software automatically creates a slider gallery with thumbnails of these spots. When the user clicks on a thumbnail, the viewer spins and zooms to that spot using a selectable animation type.

For now, we do not have a separate plugin for WordPress. However, our latest WooCommerce plugin has a new feature. It generates shortcodes you can insert anywhere into other WordPress pages or posts and display the viewer that way.

We plan to create a module presumably based on these examples, all of them as a responsive version:

For "xt:Commerce" and its derivatives such as "xtcModified" / "modified" or "Gambio", there was an old AJAX-ZOOM integration guide on the template level. With the new AJAX-ZOOM versions, it is not functional any longer. However, a manual basis integration is still possible.

Currently, on our side, there are no plans to create an installable module for "xt:Commerce". We must wait to see if the manufacturer's newly adopted strategy helps to succeed. If you want to port an existing one for another system, please contact us.

Your e-commerce system is not present here? Please read: virtually any examples shipped with AJAX-ZOOM or even a combination of them can be integrated into most e-commerce systems. The "main task" is to find out the path of the source / high-resolution images, e.g., from the template vars, and transfer them to AJAX-ZOOM, which does the remaining part of the job automatically.

For 360-degree product presentations, it is suggested to transfer the images over FTP. The ID of the article can serve as the reference to the folder with 360° images. So from the template, one can check with PHP or any other server-side language if a folder exists, e.g., /axZm/pic/zoom3d/[ID_of_article], and if yes, display a button that opens AJAX-ZOOM in a lightbox, at fullscreen or embeds the player directly into the page. All you need in that case is to pass the path to the folder by 3dDir=/axZm/pic/zoom3d/[ID_of_article] parameter. That's it.

If, as a coder, you want to implement example32.php or similar, then basically, you are facing the same task. Depending on the example, you have to find out the paths for source images and output a part of the JavaScript, which launches AJAX-ZOOM, dynamically within the template with Smarty language or PHP.