Magic Zoom Plus™ for CS-Cart

Enlarge and zoom product images in your CS-Cart shop. [a href="/static/mod_cscart_magiczoomplus.zip"]Download the module[/a].

Hover or click the image! Like it? Download the modules.

Install now

  1. Download and unzip the Magic Zoom Plus™ module CS-Cart 2 or CS-Cart 3.
  2. Upload the magiczoomplus folder to the addons directory of your CS-Cart and upload the var folder to the root of your website.
  3. Go to [Administration -> Addons] in the CS-Cart admin panel to install this add-on.
  4. The demo version is now installed!
  5. Use the edit link to configure Magic Zoom Plus™ just how you want it.
  6. To upgrade, buy Magic Zoom Plus™ and overwrite the addons/magiczoomplus/core/magiczoomplus.js file with that from your licensed version.

CS-Cart v1.3 instructions

The instructions below are only for the old version of CS-Cart (version 1.3).

  1. Download and unzip the CS-Cart module for Magic Zoom Plus™.
  2. Upload the magiczoomplus folder to the skins/[skin-name]/customer/ folder of your CS-Cart site.
  3. Open the file skins/[skin-name]/customer/index.tpl and add the following code before '</head>':
    <link href="{$skin_dir}/magiczoomplus/magiczoomplus.css" rel="stylesheet" type="text/css" media="screen"/>
    <script src="{$skin_dir}/magiczoomplus/magiczoomplus.js" type="text/javascript"></script>
  4. Open the file skins/[skin-name]/customer/products_pages/product_details.tpl and replace
    '//file="common_templates/image.tpl"//'
    with
    'file="common_templates/image_magiczoomplus.tpl"'
  5. Repeat step #3 for the file skins/[skin-name]/customer/products_pages/additional_images.tpl.
  6. Upload the file image_magiczoomplus.tpl to skins/[skin-name]/customer/common_templates/.
  7. Enjoy!

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 CS-Cart. It neatly contains the images adds arrows to slide between them. Example:

  1. Simply activate Magic Scroll™ on the CS-Cart options page (screenshot).
  2. To remove the "Please upgrade" text, buy a license and overwrite the addons/magiczoomplus/core/magicscroll.js file with that from your licensed version.
 

This image zoom script was built for the CS-Cart shopping cart software. Please contact us for help installing it on your site.

Other CS-Cart modules