Imagine your perfect zoom. It's right here.

Not only zooms-in but also enlarges to full-screen

  • Reliable - beautifully coded, clean HTML and JavaScript.
  • Future-proof - new versions regularly released.

Install | Download

  Rating: 5.0 (1 reviews)

The Volusion shopping cart software provides an enlarge view by default. It uses left/right arrows to navigate through images, but customers can't swipe through product images on handheld devices.

Magic Zoom Plus can! This product image zoom automatically allows users to swipe left/right to quickly browse images on touchscreens. It also shows thumbnails to skip images (instead of numbers like Volusion's version).

The lightbox feature of this image zoom is only part of what makes Magic Zoom Plus great, it also reveals a detailed zoom on hover. Use product images which are 1000+ pixels width for a gorgeous close-up view and watch customer questions reduce in no time.

Install the free trial and marvel at the transformation Magic Zoom Plus will have on your product images.

Live demos

Installation

  1. Download Magic Zoom Plus (free and fully functional demo version).
  2. Upload Magic Zoom Plus folder to Volusion website Unzip the file on your computer and FTP the magiczoomplus 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 magiczoomplus 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/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!
  7. Buy Magic Zoom Plus To upgrade the Magic Zoom Plus trial (which removes the red text shown on every image), buy a Magic Zoom Plus license. Then overwrite the demo magiczoomplus.js file with the one from your license.

Customization

    Easily change your Magic Zoom Plus design, layout and styling like so:
  1. Go to the Magic Zoom Plus 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 Plus for Volusion
Magic Zoom Plus for Volusion Magic Zoom Plus for Volusion Magic Zoom Plus for Volusion Magic Zoom Plus for Volusion



Black Maroon Obsidian Seaweed

Do your products come in different colours or styles?

Magic Zoom Plus 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 Plus on your Volusion site! What did you hope Magic Zoom Plus 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/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>
  3. Delete the magiczoomplus folder from the root of your web server.
  4. Magic Zoom Plus is now uninstalled.

FAQ

  1. Can I remove bounce effect from mobile devices?

    Yes! To disable the bounce effect from small screen devices, add the following CSS to your magiczoomplus.css file:

    .mobile-magic .mz-figure > img {
    opacity: 1 !important;
    }
    .mobile-magic .mz-figure > img + img {
    transform: scale(1) !important;
    }

    .mobile-magic .mz-figure {
    -webkit-perspective: none !important;
    perspective: none !important;
    }
    .mobile-magic .mz-figure > img {
    opacity: 1 !important;
    }
    .mobile-magic .mz-figure:not(.mz-ready) > img:last-child {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    }

Customer reviews

  Rating: 5.0 (1 reviews)
Magic Zoom Plus is a great product!
We are extremely satisfied with Magic Zoom Plus and we would highly recommend this product to anyone looking for a great product zoom!

Michael, kidsformal.com

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

Try our other great image effects!