No coding required.
Use your Magic Zoom plugin almost anywhere on your Zen Cart site.
You can even apply different zoom options to each page or block.
- Product details page
- Category page
- New products page
- All products page
- Search page
- New products block
- Specials block
- Featured block
- Manual install elsewhere
Supported pages & blocks
- Zen-Cart 1.5.x series
- Zen-Cart 1.3.x series
Relied upon by Zen Cart store owners, Magic Zoom has been the professional choice since 2006 for gorgeous on-hover image zooming 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.
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 for Zen Cart directly to your Admin panel.
Magic Zoom is responsive out of the box. Essential for multi-device adaptation.
Choose position thumbnails appear (left, right, top, bottom). Your choice. Simply click option on Magic Zoom Settings page.
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 Zen Cart store. Even better, customize it differently in each section/page.
Stop the spread & control thumbnails under main product image. Activate trial version of Magic Scroll on Magic Zoom Settings page.
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.
Magic Zoom supports SEO Friendly URLs. Vital for website high ranking in search engines.
Say goodbye to manual configuration. Customize settings instantly using Magic Zoom Settings page.
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).
Pay once and the Magic Zoom license is yours forever.
- Download Magic Zoom for Zen Cart (free and fully functional demo version).
- Unzip the file on your computer and FTP the magiczoom folder to your Zen Cart directory (on your server), keeping the file and folder structure intact.
- Go to http://www.yoursite.url/magiczoom/ in your browser > click 'Install' > click 'Continue' (replace yoursite.url with your domain name).
- The demo version is now installed!
- Go to [Admin panel > Magic Toolbox > Magic Zoom] and configure Magic Zoom how you want it.
- Activate Magic Scroll to enjoy organised thumbnails on your product page: Admin panel > Magic Toolbox > Magic Zoom > Use Magic Scroll for thumbnails > Change to 'Yes' > Save changes.
- 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:
You can change the language of the message and loading text like so:
Copy the file:
to the folder:
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.');
- Repeat these steps for each language you wish to change.
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 Zen Cart. It neatly contains the images adds arrows to slide between them. Example:
- Simply activate Magic Scroll on the Magic Zoom options page.
- 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.
To zoom some images and spin others on your product page (like the example above), you can install both Magic Zoom and Magic 360.
- Install the Zen Cart module for Magic Zoom.
- Install the Zen Cart module for Magic 360.
- Create a new product or open an existing one.
- Upload your 360 spin images via Upload images and browse your computer for your set of images.
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:
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).
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:
- 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.
Do your products come in different colours or styles?
Magic Zoom 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.
Thanks for trying Magic Zoom on your Zen Cart 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.
- Go to http://yoursite.url/magiczoom/ in your browser and click 'Uninstall' (replace yoursite.url with your domain name).
- Delete the magiczoom folder from your Zen Cart directory (on your server).
- Magic Zoom is now uninstalled.
Submit your review
Your review has been received and will be posted soon.