Besides the modules / plugins for diverse e-commerce systems like Magento, for which we already have an integration, you can implement this mouseover zoom extension into your system manually. In the source code you will find all needed HTML and JavaScript to trigger AJAX-ZOOM mouseover extension with default parameters and content data like 360 degree rotations, images and videos.
The illustrative product data to the right (or bottom on mobile devices) imitates the product detail page commonly used in nearly all cart systems. The working part is the product variation switch or color swatch, here labeled as "color variant".
"position": "inside" // or "right", ..."axZmMode": true // or false"maxZoomMode": true // or false"galleryDivID": "az_mouseOverZoomGallery" // or false"thumbSliderPosition": "left-bottom"The mouseover extension has all needed API to cope with variants selection of any complexity. In this demo we simply define ids for each variation ellement. In your application you should look for events and JavaScript functions which are triggered when the select elements or elements, which represent the selections are changed and hook on these events to trigger the change for images, videos and 360 animations. This has nothing todo with AJAX-ZOOM. It just offers the API to change the content with JavaScript, which should be sufficient to implent it into your system and cope with the potential complexity of variations.