Champion of zooms
(for 7 years running)

Customers can shop using any device, enjoying your products in detail.

  • Fast, lightweight script (and doesn't require jQuery).
  • Add it to your website in under 3 minutes!

Features | Download xt:Commerce 4/5 extension | Download xt:commerce extension

No coding required.

Use your Magic Zoom addon almost anywhere on your xt:Commerce site.

You can even apply different zoom options to each page.

    Supported pages & blocks

    • Product details page
    • Category page
    • Manufactures page
    • Manual install elsewhere
  • xt:Commerce 5
  • xt:Commerce 4 Multishop
  • xt:Commerce 4 PROFESSIONAL
  • xt:Commerce 4 START!
  • xt:Commerce 3.x

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

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

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

Verified by xt:Commerce:
Read reviews of Magic Zoom on the official marketplace for xt:Commerce addons.
Rating

Key features

New versions support

All versions of xt:Commerce are supported (xt:Commerce 5, xt:Commerce 4 Multishop, xt:Commerce 4 PROFESSIONAL, xt:Commerce 4 START!, xt:Commerce 3.x). We update our modules as soon as a new version of xt:Commerce is released.

Caching

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

Responsive

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

Bandwidth allocation

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

SEO friendly

Magic Zoom 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 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.

Installation

xt:Commerce 4 (Veyton)

  1. Download Magic Zoom plugin for xt:Commerce 4/5 (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the magiczoom folder to your plugins directory (on your xt:Commerce 4/5 server), keeping the file and folder structure intact.
  3. Run xt:Commerce 4/5 Magic Zoom plugin in admin area In your xt:Commerce 4/5 admin, go to Plugins > plugins uninstalled > Locate Magic Zoom > click the Run icon.
  4. Install xt:Commerce 4/5 Magic Zoom plugin in admin area Pop up box will appear 'Plugin installieren' > Select 'Yes'.
  5. Close Magic Zoom installed pop up window in xt:Commerce 4/5 admin area Once Magic Zoom installed message appears, click 'close window'.
  6. Click edit for xt:Commerce 4/5 Magic Zoom plugin in admin area Go to Plugins > plugins installed > Find Magic Zoom > Click 'Edit'. (If you already have 'plugins installed' tab open, close the tab and reopen to see Magic Zoom listed).
  7. Enable Magic Zoom in xt:Commerce 4/5 admin area To enable Magic Zoom go to: 'plugin status' > 'Tick' box > Scroll down page and click 'save'.
  8. The demo version is now installed!
  9. Customize Magic Zoom in xt:Commerce 4/5 admin area Change Magic Zoom settings through the Plugins > plugins installed > Magic Zoom > 'Edit' menu in your xt:Commerce 4/5 admin panel.
  10. Change main image height & width on Magic Zoom settings page in xt:Commerce 4/5 admin area Main image default size on product page is 200 x 200 pixels. Change 'Maximum width of thumbnail (in pixels)' and 'Maximum height of thumbnail (in pixels)' settings to the size you wish.
  11. Scroll thumbnail images on your xt:Commerce 4/5 product page Activate Magic Scroll to enjoy organised thumbnails on your product page: Plugins > plugins installed > Magic Zoom > Click 'Edit' > Scroll thumbnails > Enter 'Yes' > Save changes.
  12. Buy Magic Zoom To upgrade your free and fully functional trial 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:

    plugins/magiczoom/magiczoom.js

xt:Commerce 3

  1. Download the xt:Commerce module for Magic Zoom (free and fully functional demo version).
  2. Unzip it and upload the magiczoom folder to the root of your xt:Commerce website.
  3. Go to http://your.site.url/magiczoom/ in your browser and follow the instructions.
  4. The demo version is now installed!
  5. Buy Magic Zoom To upgrade your free and fully functional trial 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:

    includes/modules/magictoolbox/core/magiczoom.js

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 xt:Commerce. 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 plugins/magiczoom/magicscroll.js file with that from your licensed version.

Uninstallation

Thanks for trying Magic Zoom on your xt:Commerce 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.

xt:Commerce 4 (Veyton)

  1. Disable Magic Zoom via: 'plugin status' > 'Untick' box > Scroll down page and click 'save'.
  2. Go to Plugins > plugins installed > Find Magic Zoom > Click 'Uninstall' and follow instructions.
  3. Delete the magiczoom folder from your plugins directory (on your xt:Commerce 4/5 server).
  4. Magic Zoom is now uninstalled.

xt:Commerce 3

  1. Go to http://your.site.url/magiczoom/ in your browser and click 'Uninstall' (replace yoursite.url with your domain name).
  2. Delete the magiczoom folder from the root of your xt:Commerce website.
  3. 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 xt:Commerce extensions

Try our other great image effects!