Hi, I am trying to install a product zoom feature called MAGICZOOM.

The instructions read as follows.
Code:
 <html>
 <head>
    <title>MagicZoom | Example</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="imagetoolbar" content="no" />
    <link rel="stylesheet" href="MagicZoom.css" type="text/css" media="screen" />
    <script src="mz-packed.js" type="text/javascript"></script>
 </head>
 <body>
    <a href="example_big.jpg" class="MagicZoom"><img src="example_small.jpg"/></a>
 </body>
  </html>
I have set up the CSS and JS, by simply renaming them
jscript_mz-packed.js & stylesheet_MagicZoom.css. Zen Cart seemed to have recongized them.

The important bit is this...
Code:
 <a href="example_big.jpg" class="MagicZoom"><img src="example_small.jpg"/></a>
I think I should be editing my tpl_modules_main_product_image.php

If so, where do I actually make the changes.
I think one problem is I am using the imageSwap plug in by Dr.Byte.

Here is my .php code from that page.

PHP Code:

<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?> 
<div id="productMainImage" class="centeredContent back">
<script language="javascript" type="text/javascript">
<!--
document.write('<?php echo $ahref_start . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT, 'name="imageSwap"') . $enlarge_text . $ahref_end; ?>');
//--></script>
<noscript>
<?php
  
  echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" class="MagicZoom' . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';

?>
</noscript>
</div>
I think i need to rewrite this bit of code.
PHP Code:
document.write('<?php echo $ahref_start . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT, 'name="imageSwap"') . $enlarge_text . $ahref_end; ?>');
 //--></script>
so it roughly reads:
<a href="$products_image_large" class="MagicZoom"><img src="$products_image_medium"/></a>


But how do I write a hyper link to the larger image and then set the class to Magic Zoom? I am a novice with .php scripting.

This is a cool plug-in, and I want to get it to work before I pay the 25 GBP for it.

Thanks in advance,

Alex