If simple 360 degree views seem too boring, you could upgrade the animation with a "360° degree product tour" and significantly increase the user experience, enhancing informative capability of a 360 image at the same time. Please note that the 360 images utilized in this way must have some higher resolution so that the zooming effect is visible on large screens too. Due to the multi-resolution tiles technology, large images have do not affect the loading time, so you can even provide 30 million pixel 360 images to the AJAX-ZOOM Player.
Thanks to the special editor, which is included in the download package, this kind of tour can be created incredibly fast and without any specialist knowledge! The editor has the choice between various pre-programmed animations, can add additional description for each viewport, another 360° degree view, panorama or a video. In addition, the 360° degree product tour can be combined with hotspots (markings in the picture).
It is quite easy to integrate the editor into existing applications. The JSON code produced by the editor can be saved in a file or via a controller, for example, in a DB. You will find the "360° Product Tour" editor integrated into backend of each AJAX-ZOOM E-Commerce module.
The "Product Tour" is useable not only with 360 images, but also with 3D images, as well as normal 2D images / galleries. This works both with the supplied Crop Editor and generally without it over the supplied API. The basic functionality of cropping and zooming illustrates this developer example.
Within the editor on ajax-zoom.com you will also find the possibility to load alternative content demos and test the editor live. However saving is disabled.
Thus, this specific product tour editor is not to be seen as final presentation, but a means for the purpose to prepare a tour via a user interface in admin area by an content administrator. If you as a programmer would like to integrate this editor into your CMS or webshop, in the upper area of the editor file you will find all necessary variables responsible for loading specified content, e.g. a 360 / 3D images, a single picture or a set of images / gallery. Also, there are variables to load associated JSON and variables to save the produced or changed data as JSON. All you have to do is set these variables to transfer the GET and POST requests from and to the database via an AJAX controller. The code from our modules for WordPress (WooCommerce), Magento, Prestashop or Shopware can be taken as reference for such an integration, where the editor is implemented using the respective plug-in structure of a system.
Upon a click on a cropped thumbnail, internally jQuery.axZmImageCropLoad uses jQuery.fn.axZm.spinTo for 360 images and jQuery.fn.axZm.zoomTo AJAX-ZOOM API functions for regular 2D images / galleries. jQuery.fn.axZm.zoomTo is used as callback parameter of jQuery.fn.axZm.zoomSwitch, because within galleries content we need to switch to a different image before zooming in. And since the jQuery.fn.axZm.spinTo function also accepts the magnification as a parameter, it can zoom in and out at the same time, optionally applying 10 selectable and pre-programmed effects. The same effects can be selected in the editor and are stored in the JSON. The above is only an explanation of how it works in detail and you do not need to script it because this logic is already programmed into $.axZmImageCropLoad helper function.
As the last task it remains to clarify what happens after the animation is done. In the crop editor there is a possiblity to specify title and description for each area of interest. Within the $.axZmImageCropLoad wrapper / helpter function, which is tructured similar to a usual jQuery plugin, there is an option called "handleTexts". This option is expected to be a function and $.axZmImageCropLoad passes title and description as first and second arguments to it. In our examples, to display the description we mostly use another jQuery Plugin, which is written by us and which is contaned in the download package. The $.axZmEb (Expandable Button) and the documentation (description of the options) can be found in /axZm/extensions/jquery.axZm.expButton.js file. The plugin generates a button with the text taken from "title" option passed to this plugin. Clicking on this button opens a virtual window with the "description". If no title is defined, the virtual window with the description opens automatically. The text size is responsively controlled depending on the screen size. Within the "dynTextDescr" option of the plugin you can set set a minimum and maximum text size for each HTML element of the description separately.
In addition to the pure 360 image implementation, you can also use the 360 / 3D degree images tour together with normal pictures and videos in a consistent player representation. For this please use example32_x, which is also utilized in all our E-Commerce modules. In this examples everything is controlled via options, but basically, as far as the 360 images tour is concerned, the same technique is used.
If you have further technical questions about the integration of the editor and the implementation of the player, we are ready to answer you in greater detail.
"Modules / plugins / extensions" are not needed to use AJAX-ZOOM. However these wonderful modules will facilitate and speed up the integration of AJAX-ZOOM into various established CMS or e-commerce / shopping cart systems. If all conditions are met, then you will have AJAX-ZOOM running in your shop within two minutes. The modules can be installed and configured with just a few clicks without writing a single line of code.
Available are modules for Magento, Prestashop, WooCommerce (WordPress), Opencart, Shopware und Oxid (the last two are commonly used in German speaking countries).
The license price is primarily based on the number of different images that are displayed on a domain in AJAX-ZOOM Player. Full license agreement and price list can be found in the download area. Of course the demo (Light) version can be downloaded and tested in your environment free of charge.
If necessary, we can issue a time-limited license free of charge, whereby AJAX-ZOOM and the modules / plugins should work with few restrictions without entering the license data. If something does not work as expected, do not hesitate to contact us. The prices are one time payment.
To use live-support-chat you will need to have Skype installed on your device.
In case live support over Skype is not immediately available please leave a message or send us an email over contact form at first.
Every AJAX-ZOOM related inquiry / question will be answered!