Welcome to zoom excellence.

Show beautiful zoomed images on hover & product videos

  • Beautifully optimized for iOS and Android devices.
  • Unrivalled – fresh new releases for 7 years running.

Features | Watch video | Download Magento 2 extension | Download Magento 1.x extension

No coding required.

Use your Magic Zoom extension almost anywhere on your Magento site.

You can even apply different zoom options to each page or block.

    Supported pages & blocks

    • Product details page
    • Category page (Magento 1.x)
    • New products block (Magento 1.x)
    • Recently viewed products (Magento 1.x)
    • CMS pages (Magento 1.x)
    • Manual install elsewhere
 

Supported features

  • Multiple images (uploaded with the default Magento image manager)
  • Multi-language (different locales)
  • Product options (use different images for each option value, by "Drop-down" and "Radio Buttons")
  • Different configs for different themes
  • Show additional selectors on category page
  • Magento image clipped can be ignored
  • Native Magento watermarks
  • Can be used with our other Magento modules
  • Enterprise: 2.x, 1.11.x - 1.14.x
  • Community: 2.x, 1.4.x - 1.9.x
  Rating: 5.0 (1 reviews)

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

This official Magento extension makes it easy to apply these effects to your pages. Even better - the extension gives you auto-caching, image resizing and SEO optimization as part of the dedicated Magento features.

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

Verified by Magento:
Read reviews of Magic Zoom on the official marketplace for Magento 1.x and Magento 2 extensions.
Rating

Key features

New versions support

All versions of Magento are supported (Enterprise: 2.x, 1.11.x - 1.14.x, Community: 2.x, 1.4.x - 1.9.x). We update our modules as soon as a new version of Magento is released.

Video support

Add video(s) to any Magento product page. Perfect for answering buyers' questions.

One click installation

Saves you time. Upload Magic Zoom for Magento directly to your Admin panel.

Custom Templates

Choose position thumbnails appear (left, right, top, bottom). Your choice. Simply click option on Magic Zoom Settings page.

Responsive

Magic Zoom is responsive out of the box. Essential for multi-device adaptation.

Image resizing

Upload large version of product images (approx 800px). Magento will resize images automatically throughout your website.

Caching

Optimize your website. Magic Zoom caches resized images. Which means fewer image downloads.

Per page profiles

Enable Magic Zoom on different pages & sections of your Magento store. Even better, customize it differently in each section/page.

Scrollable thumbnails

Stop the spread & control thumbnails under main product image. Activate trial version of Magic Scroll on Magic Zoom Settings page.

Bandwidth allocation

Control how Magic Zoom initializes & loads images. Choose to activate on page load or on request.

Multi language support

Change Magic Zoom message & loading text. Engage customers worldwide with the language they love.

SEO friendly

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

Watermarked images

Protect your images. Choose the position, opacity & size of your watermark.

Web settings

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

jQuery compatibility

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

Custom themes support

If Magic Zoom 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 license is yours forever.

Live demos

Screenshots

  • Magento admin configuration page for Magic Zoom extension
  • Magento 2 admin configuration page for Magic Zoom extension
  • Magento 2 admin configuration page for Magic Zoom extension
  • Add video & image zoom effects to Magento 1.x product pages with Magic Zoom extension
  • Magic Zoom supports Magento 2 native product video functionality

Installation

  1. Download Magic Zoom for Magento (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the magiczoom folder to your Magento directory (on your server), keeping the file and folder structure intact.
  3. Magento compiler disable before module installation If you use Magento Compiler, disable it System > Tools > Compilation > Disable.
  4. Magento module for Magento web installer Go to http://www.yoursite.url/magiczoom/ in your browser > click 'Install' (replace yoursite.url with your domain name).
  5. Magento run compilation process If you use Magento Compiler, click 'Run Compilation Process'.
  6. Refresh Magento cache after when Magento installation is completed Go to System > Cache Management > Select All and refresh the cache.
  7. The demo version is now installed!
  8. Magento module for Magento settings page Customize the Magic Zoom extension through the Magic Toolbox > Magic Zoom settings > Default settings menu in your Magento admin panel.
  9. Activate Magic Zoom module for Magento for different blocks and pages Magic Zoom can be enabled on any page or section you choose.
  10. Scroll thumbnail images on your Magento product page Activate Magic Scroll to enjoy organised thumbnails on your product page: Magic Toolbox > Magic Zoom settings > Default settings > 'Product page' tab > 'General' section > Scroll thumbnails > Select 'Yes' > Save changes.
  11. Add video to your Magento 1.x product page with Magic Zoom extension A popular feature is to display product images & video. Do this via: Catalog > Manage Products > [Your product] > 'General' tab > 'Product videos' field > Enter your video url(s) > Save change.
  12. Buy Magic Zoom To upgrade your version of Magic Zoom (which removes the "Trial version" text), buy Magic Zoom and overwrite following file with the same one from your licensed version:
    /skin/frontend/[your_interface]/[your_theme]/js/magiczoom.js
  1. Download Magic Zoom for Magento 2 (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the 'app' folder to your Magento directory (on your server), keeping the file and folder structure intact.
  3. Login to your Magento admin (as an administrator).
  4. Magento 2 web setup wizard Go to System > Web Setup Wizard in the menu.
  5. Magento 2 component manager Click the Component Manager link.
  6. Enable Magic Zoom in Magento 2 admin Find the magictoolbox/magiczoom component in the list and select the Enable action.
  7. Complete Magic Zoom installation in Magento 2 admin Follow the instructions in the wizard until the process is complete (you will see a 'Success' message).
  8. The demo version is now installed.
  9. Customize Magic Zoom for your Magento store Customize Magic Zoom settings to suit your needs - go to the [Magic Toolbox > Magic Zoom] menu in the Magento admin panel.
  10. If you need help, please send questions to our support team. Include your page URL and if you'd like us to make changes, a login to your Magento admin. We reply to every email as quickly as possible (Monday-Friday, 9am-5pm UTC).
  11. Scroll thumbnail images on your Magento 2 product page Activate Magic Scroll to enjoy organised thumbnails on your product page: Magic Toolbox > Magic Zoom > 'Product page' tab > 'General' section > Scroll thumbnails > Select 'Yes' > Save changes.
  12. Display product images & video with Magic Zoom Magento 2 extension Combine zoomable images & video on your Magento 2 product pages. To add a video, go to: Products > [Your product] > Basic Settings > Images and Video > Click 'Add video' button > Browse for video > Save.
  13. Buy Magic Zoom

    To upgrade your version of Magic Zoom (which removes the "Trial version" text), buy Magic Zoom and overwrite following file with the same one from your licensed version:

    app/code/MagicToolbox/MagicZoom/view/frontend/web/js/magiczoom.js

Video tutorial

Multiple images

Swapping between many images is already a standard feature in Magic Zoom. But if you have lots of images, the page can look complicated.

Make your thumbnails look slick and organised with Magic Scroll for Magento. It neatly contains the images adds arrows to slide between them. Example:

  1. Simply activate Magic Scroll on the Magic Zoom options page.
  2. To remove the "Please upgrade" text, buy a license and overwrite the /skin/frontend/[your_interface]/[your_theme]/js/magicscroll.js file with that from your licensed version.

Combine zoom & video

Magento 1.x users now receive 2 tools in 1: image zoom & video!

Product videos offer potential customers a clear demonstration of any product. Conveying an incredible amount of information very quickly. Videos are proven to increase likelihood to buy, spend longer on your site and spend more per order.

It's time to stand out from the competition and turn potential customers into actual customers.

  1. Make sure Magic Zoom is installed on your Magento 1.x store.
  2. Open your product: Catalog > Manage products > [your product].
  3. Product will automatically open on 'General' tab.
  4. Add video & image zoom effects to Magento 1.x product pages with Magic Zoom extension Scroll down 'General' tab to 'Product Videos' field > Enter video url(s) > Save change.
  5. Video(s) appear on product page as a product thumbnail Refresh web page > Video(s) appear as thumbnails on product page.
  6. That's it!

Combine zoom & spin

To zoom some images and spin others on your product page, you can install both Magic Zoom and Magic 360.

  1. Install the Magento module for Magic Zoom.
  2. Install the Magento module for Magic 360.
  3. Create product as normal. Click 'Save and Continue Edit'. A new section 'Magic360 Images' will appear at the bottom of the left hand navigation.
  4. Upload zoom images via 'Images' section. Upload 360 spin images via 'Magic360 Images' section (screenshot - ).

Multi-language

You can change the language of the message and loading text like so:
  1. Find the locale folder for the language you wish to change e.g. /app/locale/en_US.
  2. Open the file Mage_Api.csv into the editor and insert these lines at the and of the file:
    "MagicZoom_Message","Write your message here"
    "MagicZoom_LoadingText","Write your message here"
  3. Continue these steps for each locale you wish to change.

Zoom in CMS area

  1. Go to Magic Toolbox > Magic Zoom settings > Default settings menu in your Magento admin panel.
  2. Go to 'Defaults' tab > General > Include headers on all pages > Select 'Yes' > Save settings.
  3. Go to 'CMS > Pages'.
  4. Open existing page or create a new page.
  5. Click 'Content' tab > Click 'HTML' button (a pop up box will appear).
  6. Add zooming to any image on your CMS page by referencing the small and large images. Reference your small image with <img> and link it to your big image using the CSS class of "MagicZoom". Your code will look something like this:

    <a href="big.jpg" class="MagicZoom"><img src="small.jpg"/></a>
  7. Click 'Update' > Click 'Save page'.
  8. All HTML code for Magic Zoom settings are described here.

Uninstallation

Thanks for trying Magic Zoom on your Magento 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. If you use Magento Compiler, disable it System > Tools > Compilation > Disable.
  2. Go to System > Cache Management > Select All and disable the cache.
  3. Go to http://your.site.url/magiczoom/ in your browser and click 'Uninstall' (replace yoursite.url with your domain name).
  4. If you use Magento Compiler, click 'Run Compilation Process'.
  5. Go to System > Cache Management > Select All and refresh / enable the cache.
  6. Delete the magiczoom folder from the root of your Magento directory (on your server).
  7. Magic Zoom is now uninstalled.
  1. Login to your Magento admin (as an administrator).
  2. Go to System > Web Setup Wizard in the menu.
  3. Click the Component Manager link.
  4. Find the magictoolbox/magiczoom component in the list and select the Disable action.
  5. Follow the instructions in the wizard until the uninstallation process is complete.
  6. Magic Zoom is now uninstalled.

FAQ

  1. Does Magic Zoom support video?

    Yes! Go ahead and add a video to your product and it'll appear as a thumbnail under the main product image.

    If you're using Magento 1.x add your video url here:
    Catalog > Manage Products > [Your product] > 'General' tab > 'Product videos' field

    For Magento 2.x users, upload your video file:
    Products > [Your product] > Basic Settings > Images and Video > Click 'Add video' button

  2. How should images be setup in the Magento admin?

    The Magic Zoom extension uses the default Magento product images as well as their settings (default product image, excluded images, etc.)

    The extension also creates resized thumbnails by resizing the original product images.

Customer reviews

  Rating: 5.0 (1 reviews)
Magic Zoom Review
Works as described. Easy to install and configure.

Shaukat, netdarzi.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 Magento extensions

Now in version 4.0, Magic Zoom just gets better and better. Since 2006, it has been the most elegant and high-specification zoom tool available. There are over 100 possible customizations available so you can make it look perfect on your site.

It uses JavaScript to create the zoom effect. The style is controlled with CSS. It works on all browsers (IE, Firefox, Chrome, Safari, Opera) but if you need it to work on iPad and iPhone, get Magic Zoom Plus which will enlarge the image on tap.

If you need to increase sales, download this module and see the difference it makes to your Magento store. This Magento extension is also listed on the official Magento Commerce website. If you need help with it, please contact us.