Product Release Information

Product:	Picture Zoomer for CRELoaded 6.x
Release Number:	1.0.1
Release Date:	Oct 20th, 2008
Customer Support:	For more information or support, please visit our website or contact us from the online form

Introduction

This document describes how to install and get started with Picture Zoomer based website.

The Picture Zoomer module helps you to view product large picture without bringing up a new window on mouse over small picture, the partial of large picture will automatically be shown on same page.

Features of the Picture Zoomer module:

• View large product picture without bringing up a new window.
• Only the partial of large picture you want to view will be automatically shown when your mouse over the small picture.

Minimal System Requirements

System requirements are described in the release notes.

Installation

What other software must be installed first?

Before you can install this product, you must obtain access to a web server with the following:

• PHP 4.x+ with:
• GD Library
• mCrypt
• Register Globals set to On via httpd.conf, php.ini or .htaccess
• The Apache Webserver
• MySQL database
• The Linux / Unix Operating System
• CRE Loaded 6.15 or later

How do I install CRE Loaded : Picture Zoomer Module?

Please follow these steps:

1. Upload the files to your catalog directory on the webserver.


2. Open templates/content/product_info.tpl.php file
   
   1. Replace
      echo tep_javascript_image(DIR_WS_IMAGES . $new_image, 'product' . $product_info['products_id'], addslashes($product_info['products_name']), $image_width, $image_height, 'hspace="5" vspace="5"', $product_info['products_image_lrg'], $popup_avail);
      with
      echo '<img src="' . DIR_WS_IMAGES . $new_image . '" name="' . 'product' . $product_info['products_id'] . '" alt="' . addslashes($product_info['products_name']) . '" height="' . $image_height . '" width="' . $image_width . '" onload="vZoom.add(this, ' . "'" . DIR_WS_IMAGES . $product_info['products_image_lrg'] . "'" . ');" />';
   
   
   2. after
      $popup_avail = tep_not_null($product_info['products_image_lrg']) ? true : false;
      add
      echo '<script type="text/javascript" src="includes/javascript/vzoom.js"></script>';
   
   
3. Open includes/modules/additional_images.php file
   
   1. Replace
      elseif (($product_info['products_image_sm_1'] != '') && ($product_info['products_image_sm_1'] != ''))
      with
      elseif (($product_info['products_image_sm_1'] != '') && ($product_info['products_image_xl_1'] != ''))
   2. Replace
      <script type="text/javascript"><!-- document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=1') . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_1'], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>'); //--></script>
      with
      <?php echo '<img src="' . DIR_WS_IMAGES . $product_info['products_image_sm_1'] . '" name="' . 'product' . $product_info['products_id'] . '" alt="' . addslashes($product_info['products_name']) . '" onload="vZoom.add(this, ' . "'" . DIR_WS_IMAGES . $product_info['products_image_xl_1'] . "'" . ');" />';?>
   3. Replace
      elseif (($product_info['products_image_sm_2'] != '') && ($product_info['products_image_sm_2'] != ''))
      with
      elseif (($product_info['products_image_sm_2'] != '') && ($product_info['products_image_xl_2'] != ''))
   4. Replace
      <script type="text/javascript"><!-- document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=2') . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_2'], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>'); //--></script>
      with
      <?php echo '<img src="' . DIR_WS_IMAGES . $product_info['products_image_sm_2'] . '" name="' . 'product' . $product_info['products_id'] . '" alt="' . addslashes($product_info['products_name']) . '" onload="vZoom.add(this, ' . "'" . DIR_WS_IMAGES . $product_info['products_image_xl_2'] . "'" . ');" />';?>
   5. Replace
      elseif (($product_info['products_image_sm_3'] != '') && ($product_info['products_image_sm_3'] != ''))
      with
      elseif (($product_info['products_image_sm_3'] != '') && ($product_info['products_image_xl_3'] != ''))
   6. Replace
      <script type="text/javascript"><!-- document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=3') . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_3'], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>'); //--></script>
      with
      <?php echo '<img src="' . DIR_WS_IMAGES . $product_info['products_image_sm_3'] . '" name="' . 'product' . $product_info['products_id'] . '" alt="' . addslashes($product_info['products_name']) . '" onload="vZoom.add(this, ' . "'" . DIR_WS_IMAGES . $product_info['products_image_xl_3'] . "'" . ');" />';?>
   7. Replace
      elseif (($product_info['products_image_sm_4'] != '') && ($product_info['products_image_sm_4'] != ''))
      with
      elseif (($product_info['products_image_sm_4'] != '') && ($product_info['products_image_xl_4'] != ''))
   8. Replace
      <script type="text/javascript"><!-- document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=4') . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_4'], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>'); //--></script>
      with
      <?php echo '<img src="' . DIR_WS_IMAGES . $product_info['products_image_sm_4'] . '" name="' . 'product' . $product_info['products_id'] . '" alt="' . addslashes($product_info['products_name']) . '" onload="vZoom.add(this, ' . "'" . DIR_WS_IMAGES . $product_info['products_image_xl_4'] . "'" . ');" />';?>
   9. Replace
      elseif (($product_info['products_image_sm_5'] != '') && ($product_info['products_image_sm_5'] != ''))
      with
      elseif (($product_info['products_image_sm_5'] != '') && ($product_info['products_image_xl_5'] != ''))
   10. Replace
       <script type="text/javascript"><!-- document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=5') . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_5'], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>'); //--></script>
       with
       <?php echo '<img src="' . DIR_WS_IMAGES . $product_info['products_image_sm_5'] . '" name="' . 'product' . $product_info['products_id'] . '" alt="' . addslashes($product_info['products_name']) . '" onload="vZoom.add(this, ' . "'" . DIR_WS_IMAGES . $product_info['products_image_xl_5'] . "'" . ');" />';?>
   11. Replace
       elseif (($product_info['products_image_sm_6'] != '') && ($product_info['products_image_sm_6'] != ''))
       with
       elseif (($product_info['products_image_sm_6'] != '') && ($product_info['products_image_xl_6'] != ''))
   12. Replace
       <script type="text/javascript"><!-- document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=6') . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_6'], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>'); //--></script>
       with
       <?php echo '<img src="' . DIR_WS_IMAGES . $product_info['products_image_sm_6'] . '" name="' . 'product' . $product_info['products_id'] . '" alt="' . addslashes($product_info['products_name']) . '" onload="vZoom.add(this, ' . "'" . DIR_WS_IMAGES . $product_info['products_image_xl_6'] . "'" . ');" />';?>
   
   

How can I uninstall CRE Loaded : Picture Zoomer Module?

  Change all modified files back and delete the added files.

What if I encounter problems?

    Please see the troubleshooting section in the FAQ.