Picture Zoom Code help

jscotty · November 22, 2012, 3:13pm

Hi There

I am just looking for a bit of help into the integration of an image zoom tool into a Zen Cart shop product page (presently using zen-cart: v1.3.9h).

I have put a test image under the correct product image (mr turtle, he’s not for sale really) just to show the java script is on the correct page etc.

Just need to intergrate the id=“imagezoom” into the php code so the turtle picture gets zoomed.

The time has just dissolved trying to work this out. :o

The test product page is here: http://www.gqraj.com/test-2-p-189.html

The present code in the product page is (tpl_modules_main_product_image.php):
[php]<?php
/**

Module Template
@package templateSystem
@copyright Copyright 2003-2005 Zen Cart Development Team
@copyright Portions Copyright 2003 osCommerce
@license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
@version $Id: tpl_modules_main_product_image.php 3208 2006-03-19 16:48:57Z birdbrain $
*/
?>

<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?>

                <table style="width:1px; margin-bottom:9px; margin-right:7px;">
                  <tr>
                    <td>
                      <div class="img_box1">

<?php echo '' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '
' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . ''; ?>

                      </div>
                    </td>
                  </tr>
                </table>

[/php]

The image zoom i am trying to install is from here: http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm

Thanks.