Volusion integration

Volusion instructions (beta)

The following instructions (for Magic Zoom Plus™) are almost identical for Magic Zoom™, Magic Magnify™, Magic Magnify Plus™, Magic Thumb™ and Magic Touch™. Simply replace the references to magiczoomplus with whichever tool you wish to use.

1. Download the zip file for the tool you wish to install:
   • Magic Zoom Plus™ Download Examples
   • Magic Zoom™ Download Examples
   • Magic Thumb™ Download Examples
   • Magic Magnify Plus™ Download Examples
   • Magic Magnify™ Download Examples
2. Unzip the file and upload the magiczoomplus folder to the root of your website FTP (screenshot).
3. Download this file: magic-volusion.js (right click it and save it to your computer), then upload that file to the magiczoomplus folder on your server (screenshot).
4. In your Volusion admin panel, go to the Design > Template menu and click the Edit HTML link (screenshot).
5. Insert the following lines before the </head> tag (screenshot):
   <link href="/v/magiczoomplus/magiczoomplus.css" rel="stylesheet" type="text/css" media="screen"/>
   <script src="/v/magiczoomplus/magiczoomplus.js" type="text/javascript"></script>
   <script src="/v/magiczoomplus/magic-volusion.js?tool=MagicZoomPlus" type="text/javascript"></script>
6. Now your images should zoom! Contact us if you need help.

Installation of Magic Slideshow™ or Magic Scroll™

To install Magic Slideshow™ or Magic Scroll™, follow the same process as above. Download the zip file, reference the JS and CSS files in the HEAD tab, insert the images for your slideshow and upload the files.

Contact us for support if you need help.

About

These instructions are for Volusion. Use them to add effects to your website including image zoom on hover/mouseover; image lightbox (enlarge image to full screen); image slideshows in JavaScript; image carousels; and image magnifiers.