Drop-dead gorgeous

Zoom or enlarge, the choice is yours

  • Responsive - images scale up/down to fit users 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 (1 reviews)

Relied upon by Zen Cart store owners, Magic Zoom Plus has been the professional choice since 2009 for effortless on-hover image zooming and on-click full-screen effects.

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

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

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 (1 reviews)
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.