Indulge your customers with Magic Zoom™

Works on every major browser plus iOS and Android devices

  • Fast, lightweight script (and doesn't require jQuery).
  • Users love the smooth movement and high quality zoom.

Install | Download

Relied upon by Volusion store owners, Magic Zoom has been the professional choice since 2006 for gorgeous on-hover image zooming effects.

This Volusion image tool makes it easy to apply these effects to your pages.

With free new versions regularly released, your products will always look gorgeous with Magic Zoom.

Installation

  1. Download Magic Zoom (free and fully functional demo version).
  2. Upload Magic Zoom folder to Volusion website Unzip the file on your computer and FTP the magiczoom folder to the root of your website (on your server), keeping the file and folder structure intact.
  3. Upload a little bit of magic to your Volusion website Download this file: magic-volusion.js (right click it and save it to your computer), then upload that file to the magiczoom folder on your server.
  4. Design template in Volusion admin In your Volusion admin panel, go to the Design > Template menu and click the Edit HTML link.
  5. Insert magic code in Volusion template

    Insert the following lines before the </head> tag:

    <link href="/v/magiczoom/magiczoom.css"  type="text/css" media="screen"/>
    <script src="/v/magiczoom/magiczoom.js" type="text/javascript"></script>
    <script src="/v/magiczoom/magic-volusion.js?tool=MagicZoom" type="text/javascript"></script>
  6. Now your images should zoom!
  7. Buy Magic Zoom To upgrade the Magic Zoom trial (which removes the red text shown on every image), buy a Magic Zoom license. Then overwrite the demo magiczoom.js file with the one from your license.

Customization

    Easily change your Magic Zoom design, layout and styling like so:
  1. Go to the Magic Zoom settings wizard.
  2. Choose the settings you want and click Apply settings.
  3. Choose your own Volusion zoom settings Click Global Settings and then click Copy to clipboard.
  4. Paste the code into your Volusion page before the </head> tag.
  5. That's it!

Product options

Magic Zoom for Volusion
Magic Zoom for Volusion Magic Zoom for Volusion Magic Zoom for Volusion Magic Zoom for Volusion



Black Maroon Obsidian Seaweed

Do your products come in different colours or styles?

Magic Zoom supports Volusion product options out of the box.

Configure products so each option has its own zoomable image.

Using options keeps your page clutter free, at the same time displaying all your wares.

Uninstallation

Thanks for trying Magic Zoom on your Volusion site! What did you hope Magic Zoom could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.

  1. In your Volusion admin panel, go to the Design > Template menu and click the Edit HTML link.
  2. Delete the following lines from before the </head> tag:

    <link href="/v/magiczoom/magiczoom.css" rel="stylesheet" type="text/css" media="screen"/>
    <script src="/v/magiczoom/magiczoom.js" type="text/javascript"></script>
    <script src="/v/magiczoom/magic-volusion.js?tool=MagicZoom" type="text/javascript"></script>
  3. Delete the magiczoom folder from the root of your web server.
  4. Magic Zoom is now uninstalled.

Customer reviews

  Rating: 0 (0 reviews)

There are no reviews yet. Be the first!

Submit your review


Thank you!
Your review has been received and will be posted soon.
Used only to verify your review is genuine.

Other Volusion extensions