Magic Touch™ for CS-Cart

Zoom into the image!

Install now

  1. Download the Magic Touch™ module for CS-Cart.
  2. Unzip the contents and upload the magictouch folder to the addons directory of your CS-Cart.
  3. Go to [Administration -> Addons] in the CS-Cart admin panel and complete the installation of this plugin.
  4. Enter your unique ID for Magic Touch™ in the plugin options. To get your ID, either login or sign up.
  5. It's ready to use!
  6. Use the edit link to configure Magic Touch™ exactly how you want it.

CS-Cart v1.3 instructions

  1. Use these for the old version of CS-Cart (version 1.3).
  2. Download and unzip the CS-Cart module for Magic Touch™.
  3. Upload the magictouch 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}/magictouch/magictouch.css" rel="stylesheet" type="text/css" media="screen"/>
    <script src="{$skin_dir}/magictouch/magictouch.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_magictouch.tpl"'
  6. Repeat step #3 for the file skins/[skin-name]/customer/products_pages/additional_images.tpl.
  7. Upload the file image_magictouch.tpl to skins/[skin-name]/customer/common_templates/.
  8. Enjoy!

Multiple images

Swapping between many images is already a standard feature in Magic Touch™. 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/magictouch/core/magicscroll.js file with that from your licensed version.
 

This image zoom extension was created for CS-Cart. Use the instructions above to install it on your store. Contact us if you need any help.

Other CS-Cart modules