Magic Zoom™ for CS-Cart

CS-Cart v1.3 instructions

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

Multiple images

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