Something remarkable has happened to Magic Zoom Plus.

Compatible with many other Drupal modules.

  • Stunning image zoom on hover - delightful enlarge on click.
  • Load your pages even faster, with lazy loading.

Features | Download Drupal 7 module | Download Drupal 6 module | Download Drupal 5 module

Compatibility with other mods

  • Image
  • ImageField
  • ImageCache
  • Image Assist
  • UberCart (uc_cart, uc_product, uc_option_image).

Supported features

  • Image derivatives
  • Image assist links
  • Image cache presets
  • Image field sizes
  • Pages filtering
  • Ubercart product options
  • SEF
  • Drupal 7
  • Drupal 6
  • Drupal 5
  Rating: 5.0 (2 reviews)

Looking for a way to increase engagement on your Drupal website?

Look at this data: "67% of people think that high-quality product images are more important than reviews and product descriptions." (source).

We have the perfect solution for increasing engagement and conversion rates on your Drupal Website - Magic Zoom Plus. It’s an Image Zoom Drupal/Ubercart module with video support and it’s the perfect addition to your Drupal images. Hover to see a detailed zoomed image; click to go full-screen. Background images are automatically generated by analyzing your images. It’s a truly captivating sight!

Use 4 gorgeous image zoom effects: magnify, hover zoom, preview, enlarge, deep zoom. Control dimensions by spinning the mouse wheel. Adjust Magic Zoom Drupal module as you want using 32 customisable options. UberCart product options are supported too!

Install in 5 minutes, customize however you like (Magic Zoom Plus has a powerful API and styling is all in CSS3). With a free trial and a 30-day money-back guarantee there’s really no reason not to try it.

Engage your visitors with a truly magic experience - Download Magic Zoom Plus free trial.


Key features

New versions support

All versions of Drupal are supported (Drupal 7, Drupal 6, Drupal 5). We update our modules as soon as a new version of Drupal is released.

SEO friendly

Magic Zoom Plus supports SEO Friendly URLs. Vital for website high ranking in search engines.

Web settings

Say goodbye to manual configuration. Customize settings instantly using Magic Zoom Plus Settings page.

jQuery compatibility

Magic Zoom Plus requires no jQuery, 3rd party library or framework. Magic Zoom Plus is completely compatible.

Custom themes support

If Magic Zoom Plus doesn't work immediately on your site, email us and we'll add support for your theme (free of charge).

One-off payment

Pay once and the Magic Zoom Plus license is yours forever.

Live demos

Screenshots

  • Drupal 7 admin area - Magic Toolbox module settings page
  • Drupal 6 admin area - Magic Toolbox module settings page

Installation

Drupal 6 & 7 installation

  1. Download and unzip the Magic Zoom Plus module for Drupal 6 or Drupal 7 (free and fully functional demo version).
  2. Upload the magiczoomplus folder to the modules folder of your Drupal website.
  3. Activate Magic Zoom Plus in your Drupal admin area - Administer -> Site Building -> Modules (image section).
  4. It's ready to use!
  5. Use the effect by adding a link from your small image to your large image with a class of MagicZoom in the <a> tag. For example:

    <a href="big.jpg" class="MagicZoom"><img src="small.jpg"/></a>
    See these detailed instructions for customisation.

  6. Buy Magic Zoom Plus To upgrade your free and fully functional trial version of Magic Zoom Plus (which removes the "Trial version" text), buy Magic Zoom Plus and overwrite following file with the same one from your licensed version:

    modules/magiczoomplus/magiczoomplus.js

Drupal 5 installation

  1. Download and unzip the Drupal 5 module for Magic Zoom Plus (free and fully functional demo version).
  2. Upload the magiczoomplus folder to the modules folder of your Drupal website.
  3. If you have a Unix server, provide write access for the * ./includes/theme.inc file. You can do this with this command:
    chmod 777 ./includes/theme.inc
  4. Activate and configure Magic Zoom Plus in the Drupal Administration Panel.
  5. It's ready to use!
  6. Use the effect by adding a link from your small image to your large image with a class of MagicZoom in the <a> tag. For example:

    <a href="big.jpg" class="MagicZoom"><img src="small.jpg"/></a>

    See these detailed instructions for customisation.

  7. Buy Magic Zoom Plus To upgrade your free and fully functional trial version of Magic Zoom Plus (which removes the "Trial version" text), buy Magic Zoom Plus and overwrite following file with the same one from your licensed version:

    modules/magiczoomplus/magiczoomplus.js

Uninstallation

Thanks for trying Magic Zoom Plus on your Drupal 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.

Drupal 6 & 7 uninstallation

  1. Delete Magic Zoom Plus code. For example:

    <a href="big.jpg" class="MagicZoom"><img src="small.jpg"/></a>
  2. Disable Magic Zoom Plus in your Drupal admin area - Administer -> Site Building -> Modules (image section).
  3. Delete the magiczoomplus folder from the modules folder on your Drupal website.
  4. Magic Zoom Plus is now uninstalled.

Drupal 5 uninstallation

  1. Delete Magic Zoom Plus code. For example:

    <a href="big.jpg" class="MagicZoom"><img src="small.jpg"/></a>
  2. Deactivate Magic Zoom Plus in the Drupal Administration Panel.
  3. Delete the magiczoomplus folder from the modules folder on your Drupal website.
  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 (2 reviews)
Brilliant product
I've just introduced Magic Zoom Plus into a Drupal 7 site because I have some wide-angle building and landscape photographs where I wanted visitors to see the detail. Magic Zoom Plus enables this truly gracefully and oozes quality in a responsive environment through the way in which it supports mice and gestures with no disadvantage to either. A beautiful product, one which should be given serious consideration by anyone with a Drupal 7 site and large photographs. In addition, their team provides the fastest and most relevantly-answered technical support in the business.

Rob Tomlinson, rob-tomlinson.com

Excellent as promised
Great after purchase support.

Ed, shop.ear.net

Submit your review


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

Other Drupal modules

Try our other great image effects!