Hotspots can be placed not only on 360° degree animations but also on 3D and regular 2D images including galleries. Hotspots can also be combined with the "product tour" shown in the next tab.
The creation of the hotspots is done optionally with a hotspot editor contained in the download package or they can be generated dynamically via AJAX-ZOOM API, e.g from a database, so you do not have to rely on the hotspot editor, but can dynamically generate the hotspots with JS.
The overloaded example above should only show the range of possibilities, which nevertheless are not shown in full here.
The hotspot editor can be quite easily integrated into existing applications. The JSON-like code generated in this hotspot editor is stored in a file or it can be stored in DB (changed over switch) / generally passed to a controller.
In our shopping cart modules the hotspot editor is integrated into the backend!
Each hotspot has about 100 configurable parameters that control appearance and behavior. Of course, you do not have to set all parameters for each hotspot, only those that differ from default settings. If you have a lot of hotspots and you want to apply the same settings to all your hotspots that differ from default settings, then you can also set the defaults before initiating the hotspots using the Hotspots API or jQuery.fn.axZm.setHotspotDefaults function to be precise.
As you can see in the example above, you have full control over the look of the hotspots. They can be different in size, represented as PNG image or consist only of CSS class. They can also be completely hidden if you only want to show a thin line to the location represented by invisible hotspot. In addition, you can define exactly in which interval of the enlargement certain hotspots are to be seen. If you click on the pulsing marker on the bicycle shifter in the above example, the magnification will show three more hotspots that can only be seen from a certain zoom level.
Hotspot labels, as well as the connecting lines between the hotspot and the label, are optional. These labels, like the hotspots, are completely customizable with CSS. Furthermore, their position is either fixed as definable pixel distance value or distance value relative to the image size as percent. With 360 or 3D images, you can also set the positions of the labels in each frame or frame intervals differently. If connecting lines are enabled, you do not have to worry about their adjustments. They are adapted automatically, whereby there are also numerous setting options for the connection lines.
Basically, you can load hotspots into all AJAX-ZOOM examples. If no extra function parameter is defined for this, which is the case with extensions such as "mouseover zoom", then hotspots can be initialized using the jQuery.fn.axZm.initHotspots function within the AJAX-ZOOM "onLoad" callback or hook.
As already mentioned is the use of the hotspot editor optional. With the help of AJAX-ZOOM Hotspot API you can generate these markings dynamically, what for example can be seen in this Application. As the matter of fact, the hotspot editor itself is fully built upon AJAX-ZOOM API. However, if you see the advantage of utilizing the hotspot editor within the backend of your application, in the top section of the file you will find all necessary variables to connect the editor to the database in order to read and write the produced code, as well as load particular 360 or single images into it for farther editing. Apparently you must set these variables dynamically, e.g. throw GET parameters passed to the editor file. The read and write tasks should be connected over AJAX Controller of your application. Since we have already integrated this editor into several standard e-commerce systems you might want to take a look at these integrations as reference. The integrations were done over the module / plugin structure of the mentioned systems, so it does not affect update capeability of your major system. Anyway, we are ready to assist you in this task with words and deeds.
"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!