How will your zoom look?

Magic Zoom Plus helps your images look stunning.

  • Mobile - works beautifully on iPad, iPhone, Android.
  • Chosen by the worlds greatest retailers, it's the fast, responsive, retina-ready zoom you can depend on.

Features | Watch video | Download

No coding required.

Use your Magic Zoom Plus addon almost anywhere on your PrestaShop site.

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

    Supported pages & blocks

    • Product details page
    • Category page
    • Featured products block
    • Viewed products block (sidebar)
    • Manufacturers page
    • New products page
    • New products block
    • New products block (sidebar)
    • Bestsellers page
    • Bestsellers block (sidebar)
    • Bestsellers block
    • Specials page
    • Specials block (sidebar)
    • Specials block
    • Search page
    • CMS pages
    • Manual install elsewhere
  • PrestaShop 1.0 - 1.7.x
  Rating: 5.0 (7 reviews)

PrestaShop users know the value of their e-commerce store. But do they know the importance of product images?

This image hover zoom for Prestashop combines 2 of our most popular image tools: zoom and enlarge. Hover an image to zoom in, click an image to enlarge it to full-screen. Users love it and so will your sales conversions.

Better still, it also supports video. Add YouTube or Vimeo videos of your products, to help shoppers understand why they should buy.

Automatically enabled on all product pages, Magic Zoom Plus can also be used on Category pages, Featured blocks, Search results and 6 other useful locations on your site. This Prestashop image zoomer reveals a gorgeous close-up with an effect of your choice: internal zoom, external zoom, quick-preview, image magnifier and full-screen enlarge.

Try the highest rated PrestaShop image zoom addon on your store today.

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

Key features

New versions support

All versions of PrestaShop are supported (PrestaShop 1.0 - 1.7.x). We update our modules as soon as a new version of PrestaShop is released.

Responsive

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

Custom Templates

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

Caching

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

Per page profiles

Enable Magic Zoom Plus on different pages & sections of your PrestaShop 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 Plus Settings page.

Bandwidth allocation

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

Multi language support

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

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.

Image resizing

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

Live demos

Screenshots

  • Magic Zoom Plus addon for Prestashop admin configuration page
  • Magic Zoom Plus addon for Prestashop 16 Settings page
  • Magic Zoom Plus addon for Prestashop 16 Default Settings page

Installation

  1. Download the PrestaShop module for Magic Zoom Plus (free and fully functional demo version).
  2. Install PrestaShop Magic Zoom Plus module in admin area Either upload it via your PrestaShop admin area. Or unzip the file on your computer and FTP the magiczoomplus folder to the /modules/ directory of your store, keeping the file and folder structure intact.
  3. Activate Magic Zoom Plus module for PrestaShop in admin area Activate the module via the Modules menu Modules > Other Modules > Install.
  4. The demo version is now installed!
  5. Customize Magic Zoom Plus module for PrestaShop Customize Magic Zoom Plus as you wish.
  6. Activating Magic Zoom Plus module for PrestaShop for different blocks and pages Magic Zoom Plus can be enabled on any page or section you choose.
  7. Scroll thumbnail images on your PrestaShop product page Activate Magic Scroll to enjoy organised thumbnails on your product page: Modules > Modules > Magic Zoom Plus > Configure > 'Product page' tab > 'General' section > Scroll thumbnails > Select 'Yes' > Save changes.
  8. Add video to your PrestaShop product page with Magic Zoom Plus addon A popular feature is to display product images & video. Do this via: Catalog > Products > [Your product] > 'Magic Zoom Plus' tab > Enter your video url(s) > Save change.
  9. 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

Video tutorial

Multiple images

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

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


  1. Simply activate Magic Scroll on the Magic Zoom Plus options page.
  2. To remove the "Please upgrade" text, buy a license and overwrite the /modules/magiczoomplus/magicscroll.js file with that from your licensed version.

Combine zoom & video

PrestaShop 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 Plus is installed on your PrestaShop store.
  2. Open an existing product or create a new one.
  3. Add video & image zoom effects to PrestaShop product pages with Magic Zoom Plus addon Click 'Magic Zoom Plus' tab > Enter video url(s) > Save change.
  4. Video(s) appear on product page as a product thumbnail Refresh web page > Video(s) appear as thumbnails on product page.
  5. That's it!

Combine zoom & spin

To zoom some images and spin others on your product page (like the example above), you can install both Magic Zoom Plus and Magic 360.

  1. Install the Prestashop module for Magic Zoom Plus.
  2. Install the Prestashop module for Magic 360.
  3. Create a new product or open an existing one.
  4. Upload your zoom and enlarge images via the 'Images' section. Upload your 360 spin images via the 'Magic360' section (screenshot - ).

Zoom in CMS area

  1. Go to the module options page Admin > Modules > Modules > Magic Zoom Plus > Configure.
  2. Go to 'Defaults' tab > General > Include headers on all pages > Click 'tick' > Save settings.
  3. Go to 'Preferences > CMS'.
  4. Open existing page or create a new page.
  5. Scroll down to 'Page content' section > Click 'Source code' 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 'Ok' > Save changes.
  8. All HTML code for Magic Zoom Plus settings are described here.
  9. Troubleshooting - if zoom does not appear and you're using PrestaShop16, please disable: Preferences > General > Use HTMLPurifier Library.

Product attributes

Magic Zoom Plus + Product Videos for PrestaShop
Magic Zoom Plus + Product Videos for PrestaShop Magic Zoom Plus + Product Videos for PrestaShop Magic Zoom Plus + Product Videos for PrestaShop Magic Zoom Plus + Product Videos for PrestaShop
Magic Zoom Plus + Product Videos for PrestaShop
Magic Zoom Plus + Product Videos for PrestaShop Magic Zoom Plus + Product Videos for PrestaShop Magic Zoom Plus + Product Videos for PrestaShop Magic Zoom Plus + Product Videos for PrestaShop
Magic Zoom Plus + Product Videos for PrestaShop
Magic Zoom Plus + Product Videos for PrestaShop Magic Zoom Plus + Product Videos for PrestaShop Magic Zoom Plus + Product Videos for PrestaShop Magic Zoom Plus + Product Videos for PrestaShop
Magic Zoom Plus + Product Videos for PrestaShop
Magic Zoom Plus + Product Videos for PrestaShop Magic Zoom Plus + Product Videos for PrestaShop Magic Zoom Plus + Product Videos for PrestaShop Magic Zoom Plus + Product Videos for PrestaShop



Black Maroon Obsidian Seaweed

Do your products come in different colours or styles?

Magic Zoom Plus supports PrestaShop product attributes out of the box.

Attributes are configured on a per-product basis. Each option can have multiple images assigned. Our demo example uses 4 images for each attribute.

Whether you choose radio, dropdown menu or swatch thumbnails - product attributes is a perfect way to show customers your product range.

Uninstallation

Thanks for trying Magic Zoom Plus on your PrestaShop 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. Deactivate Magic Zoom Plus via the Modules and Services > Module and Services > Other Modules > Uninstall.
  2. Delete Magic Zoom Plus via the Modules and Services > Module and Services > Other Modules > Delete.
  3. 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 (7 reviews)
Un Zoom Espectacular
Vale la pena este módulo es fantástico y de una gran caliddad!! SIn dua lo RECOMIENDO ! y la atencion personalizada inmejorable

Lidia Tudela, lytashop.com

Magic Module
5 star module and support!
Recommended.

Andrea Z.

Amazing module
This is the most polished, well-made module I've ever bought for my Prestashop store. It really is a lot better than Fancybox that comes stock with Prestashop. Highly recommended! Also, the support has been super helpful and very kind to me!

John Pauli Koskimaa, supergangu.com

Awesome Lightbox!
Beautiful zoom! Great lightbox! Easy to install 🙂

AktywnySmyk, aktywnysmyk.pl

Great!
Great work great support! Thanks

Karol

Submit your review


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

Other PrestaShop modules

This product image zoom module was created for PrestaShop, based upon our popular image zoom script for enlarging images. Contact us if you have any questions about the script.