nopCommerce

If you use nopCommerce, you'll love how these effects make your images zoom and enlarge. Choose between 5 tools and follow the instructions below to let your visitors see images in incredible detail.

Try the tools and choose your favourite. Then integrate it using the instructions below. Alternatively, hire us and we will install it for you for a fixed fee £29.

Instructions (beta)

The following instructions are for Magic Zoom Plus™, but are identical for Magic Zoom™, Magic Magnify™, Magic Magnify Plus™ and Magic Thumb™. Just replace the references to magiczoomplus with whichever tool you wish to use.

1. Download the zip file for the tool you wish to install:
   • Magic Zoom Plus™ Download Examples
   • Magic Zoom™ Download Examples
   • Magic Thumb™ Download Examples
   • Magic Magnify Plus™ Download Examples
   • Magic Magnify™ Download Examples
2. Unzip the file and copy the magiczoomplus folder to the Scripts folder in the root of your web server.
3. Download this file: magic-nopcommerce.js (right click it and "Save as"), then copy that file to the magiczoomplus folder.
4. Insert the following at the end of the Views\Catalog\_ProductDetailsPictures.cshtml:
   @{
   Html.AddCssFileParts(@Url.Content("~/Scripts/magiczoomplus/magiczoomplus.css"));
   Html.AddScriptParts(@Url.Content("~/Scripts/magiczoomplus/magiczoomplus.js"));
   Html.AddScriptParts(@Url.Content("~/Scripts/magiczoomplus/magic-nopcommerce.js?tool=MagicZoomPlus"));
   }
   Please note that you should replace [your-website-url] with your domain name.
5. Now your images should zoom! Contact us if you need help.
6. To upgrade from the demo version, either buy a license or get a free license (for non-commercial sites such as personal blogs and charities). Then overwrite the demo magiczoomplus.js file with the one from your licensed version.

Please contact us with any questions you have about installing our JavaScript hover zoom tools on your nopCommerce website.

About

These instructions are for nopCommerce, the open source e-commerce shopping cart. They will help you integrate our JavaScript image tools by referencing external JS files on your product pages.