Drop-dead gorgeous zoom.

Reveal highly detailed images to your customers.

  • Responsive design, to automatically fit any size screen.
  • Also supports Zen Cart product attributes - color, size and image swapping by drop-down / radio button.

Features | Download

No coding required.

Use your Magic Zoom Plus plugin almost anywhere on your Zen Cart site.

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

    Supported pages & blocks

    • Product details page
    • Category page
    • New products page
    • All products page
    • Search page
    • New products block
    • Specials block
    • Featured block
    • Manual install elsewhere
  • Zen-Cart 1.5.x series
  • Zen-Cart 1.3.x series
  Rating: 5.0 (5 reviews)

Surprise customers with 2 of the best image effects for online stores!

Image zoom and lightbox are both highly rated by customers. Why? According to studies, 61% of people think that image zoom is the most important feature on product pages (source)

Which is exactly what our Magic Zoom Plus Zen Cart plugin does. Simply hover to zoom & click to enlarge product images to full-screen.

Magic Zoom Plus woorks perfectly on all major web browsers and handheld devices, so that you can be sure your customers can make a purchase anywhere, anytime with the Zen Cart zoom & lightbox plugin.

Key features

New versions support

All versions of Zen Cart are supported (Zen-Cart 1.5.x series, Zen-Cart 1.3.x series). We update our modules as soon as a new version of Zen Cart is released.

One click installation

Saves you time. Upload Magic Zoom Plus for Zen Cart directly to your Admin panel.

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 Zen Cart 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.

Live demos

Installation

  1. Download Magic Zoom Plus for Zen Cart (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the magiczoomplus folder to your Zen Cart directory (on your server), keeping the file and folder structure intact.
  3. Magic Zoom Plus for Zen Cart web installer Go to http://www.yoursite.url/magiczoomplus/ in your browser > click 'Install' > click 'Continue' (replace yoursite.url with your domain name).
  4. The demo version is now installed!
  5. Magic Zoom Plus for Zen-Cart configuration page Go to [Admin panel > Magic Toolbox > Magic Zoom Plus] and configure Magic Zoom Plus how you want it.
  6. Scroll thumbnail images on your Zen Cart product page Activate Magic Scroll to enjoy organised thumbnails on your product page: Admin panel > Magic Toolbox > Magic Zoom Plus > Use Magic Scroll for thumbnails > Change to 'Yes' > Save changes.
  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:

    includes/templates/YOUR-TEMPLATE-FOLDER/jscript/magiczoomplus.js

Multi-language

You can change the language of the message and loading text like so:

  1. Copy the file:

    includes/languages/english/extra_definitions/magiczoomplus.php

    to the folder:

    includes/languages/[your language]/extra_definitions/
  2. Open the copied file and paste your translation into the quotes, i.e.:

    //Message under images
    define('MAGICTOOLBOX_MESSAGE_UNDER_IMAGES', 'Put your translation here.');
    //Loading message text
    define('MAGICTOOLBOX_LOADING_MESSAGE', 'Put your translation here.');
  3. Repeat these steps for each language you wish to change.

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 Zen Cart. 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 /includes/templates/YOUR-TEMPLATE-NAME/jscript/magicscroll.js file with that from your licensed version.

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 Zen Cart module for Magic Zoom Plus.
  2. Install the Zen Cart module for Magic 360.
  3. Create a new product or open an existing one.
  4. Upload spin images in Zen Cart for Magic 360 module Upload your 360 spin images via Upload images and browse your computer for your set of images.
  5. Upload your zoom images.

    If you use the following folders to upload product images, please continue to do so:

    images / dvd
    images / medium
    images / large

    This example will use the 'images / dvd' folder only.

    The filenames of your large images (we recommend 800px height for each image but you can use any size) should be in a sequence ending in -01.jpg, -02.jpg etc. like so:

    bike-01.jpg
    bike-02.jpg
    bike-03.jpg

    Upload all the large images to 'images / dvd' folder on your server. (NB: Zen Cart will automatically create a smaller version of your images to fit your Product and use your original large images for the zoom and enlarge effects).

    • screenshot

      Go to Admin panel > Catalogue > Categories/Products > [Your product]. Scroll down to the product image section and click 'Browse'. Upload a small image of your product (to appear on the Category page). The image name must be the same prefix as your large zoom images, in this example it would be:

      bike.jpg

    • screenshot Under Upload to directory, select "dvd" from the drop down menu.
    • Under Overwrite Existing Image on Server? select "no".
    • Click 'Preview'.
    • Click 'Update'.
    • That's it! Your small image will now appear on the Category page. Your large images will appear as zoom and enlarge features on your Product page.

Product attributes

Magic Zoom Plus for Zen Cart
Magic Zoom Plus for Zen Cart Magic Zoom Plus for Zen Cart Magic Zoom Plus for Zen Cart Magic Zoom Plus for Zen Cart



Black Maroon Obsidian Seaweed

Do your products come in different colours or styles?

Magic Zoom Plus supports Zen Cart product attributes out of the box.

Configure products so each attribute has its own zoomable image.

Using attributes keeps your page clutter free, at the same time displaying all your wares.

Uninstallation

Thanks for trying Magic Zoom Plus on your Zen Cart 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. Go to http://yoursite.url/magiczoomplus/ in your browser and click 'Uninstall' (replace yoursite.url with your domain name).
  2. Delete the magiczoomplus folder from your Zen Cart directory (on your server).
  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 (5 reviews)
Great products, super fast support.
Thank you for offering an awesome product with fab support at a reasonable price.

Krista

Always good service
I have to say that I really like the product but more importantly whenever I have needed assistance or something fixing the service has always been quick and efficient.

Richard, glowing-embers.co.uk

Great App and Great Support
App is awesome and the best part is the support people fixed my issue without any delay although I had bought the product long time back. Thanks a lot

Harshit

Nothing like it!
Looked all over for a product like this and I m very happy with the product and the support I have received.

RJ Spomer, tissue-box-covers.com

Great App and awesome support!!!
Great App and awesome support!!!

Georg, esta-diva.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 Zen Cart plugins

This module was created to improve the image zoom capability of Zen Cart, the shopping cart platform.