Image Handler 4 (for v1.5.x) Support Thread

[nipinuk]

You're absolutely right. I needed to run the handle_image function on my large image. I borrowed fual lightbox's zen_lightbox.php and voila working great. Thank you

Hi there, I'm trying to find out the same thing but I don't understand what you replaced $products_image_large with? I did a search for the handle_image function on the developers toolkit and saw a few results. I did look into the files but really don't understand what to replace it with.

I've found the following code on zen colorbox:

// hook for handle_image() function such as Image Handler etc
  if (function_exists('handle_image')) {
    $newimg = handle_image($src, $alt, $width, $height, $parameters);
    list($src, $alt, $width, $height, $parameters) = $newimg; 
  }

I tried replacing $products_image_large with $newimg_large and checking the source code shows up a blank I'm trying to get Product Image Zoom plugin to point to IH4 large image instead of having to put large images into the images/large folder.

Thank you for your patience!

[mc12345678]

Hi there, I'm trying to find out the same thing but I don't understand what you replaced $products_image_large with? I did a search for the handle_image function on the developers toolkit and saw a few results. I did look into the files but really don't understand what to replace it with.

I've found the following code on zen colorbox:

// hook for handle_image() function such as Image Handler etc
  if (function_exists('handle_image')) {
    $newimg = handle_image($src, $alt, $width, $height, $parameters);
    list($src, $alt, $width, $height, $parameters) = $newimg; 
  }

I tried replacing $products_image_large with $newimg_large and checking the source code shows up a blank I'm trying to get Product Image Zoom plugin to point to IH4 large image instead of having to put large images into the images/large folder.

Thank you for your patience!

The code snippet above provides the characteristics of the image to be displayed as a type of an "array" with the image source returned as $src. If you take a look at IH4s includes/modules/YOUR_TEMPLATE/additional_images.phpfor example, you will see a similar function call with $products_image_large assigned to zen_output_string($src). This type of assignment for your situation would need to be performed after the original image is identified, but before the image is displayed/used further.

Looking atthe code a little further, there is yet more "work" done to ensure all things associated with the assignment of the image is correct. (Ie, the path/file is pulled from the correct location. Etc.)

[DivaVocals]

Looking atthe code a little further, there is yet more "work" done to ensure all things associated with the assignment of the image is correct. (Ie, the path/file is pulled from the correct location. Etc.)

HISTORICALLY IH4 has never worked with the Product Image Zoom module.. Anyone who DOES have it working together has not shared the code required that makes this integration possible, and I have NEVER had the skillset to tackle this change..

Maybe some nice volunteer (hint hint ) will at last share this most often asked about integration... I am GUESSING that this would require some kind of admin option to turn off if one isn't using the Product Image Zoom module..

[mc12345678]

HISTORICALLY IH4 has never worked with the Product Image Zoom module.. Anyone who DOES have it working together has not shared the code required that makes this integration possible, and I have NEVER had the skillset to tackle this change..

Maybe some nice volunteer (hint hint ) will at last share this most often asked about integration... I am GUESSING that this would require some kind of admin option to turn off if one isn't using the Product Image Zoom module..

Untested, but seems like may work? (Might have some offset parantheses, ie missing one or have an extra):
file changed is: includes/templates/YOUR_TEMPLATE/templates/tpl_modules_main_product_image.php and is/was based off of the file available in ZC 1.5.3, may be different. If dimensions have been altered because of the below, then the left side of this statement:

list($src, $alt, $width, $height, $parameters) = $newimg;

Could be modified as necessary to omit the undesired property, for example to prevent the $width from being reassigned:
list($src, $alt, , $height, $parameters) = $newimg;

<?php
/**
 * Module Template
 *
 * @package templateSystem
 * @copyright Copyright 2003-2011 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 18698 2011-05-04 14:50:06Z wilt $
 */
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); 
/* Begin add 1 of 2 by mc12345678 to support product image zoom */
if ($products_image != '') {
 if (function_exists('handle_image')) {
  $newimg = handle_image($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, '');
  list($src, $alt, $width, $height, $parameters) = $newimg;
  $products_image_large_test = zen_output_string($src);
  if (file_exists($products_image_large_test)) {
   $products_image_large = $products_image_large_test;
  }
 } 
}
/* End add 1 of 2 by mc12345678 to support product image zoom 14-10-31*/
?>
<div id="productMainImage" class="centeredContent back">
<script language="javascript" type="text/javascript"><!--
document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '\\\')">' . zen_image(addslashes($products_image_medium), addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT,/* Begin add 2 of 2 by mc12345678 14-10-31*/ (file_exists($template->get_template_dir('loader_product_image_zoom.php',DIR_WS_TEMPLATE, 'auto_loaders','auto_loaders'). '/loader_product_image_zoom.php') ? 'data-zoom-image="' . $products_image_large . '"' : ''))) /* End add 2 of 2 by mc12345678 14-10-31*/ . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>');
//--></script>
<noscript>
<?php
  echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" 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>

The second edit should account for the presence of the product image zoom code by verifying the presence of the auto_loader file in the template. If it doesn't exist, then the javascript shouldn't end up being loaded, and therefore, the zoom option/feature wouldn't work. Of course it is always possible that a javascript file could be removed as an alternative, but if the autoloader is still in place, I believe it would throw an error that it couldn't find the file(s). So seems like the best way to determine the presence of the product image zoom option. Now, if the request is/was to do the hover aspect like with other images on the page without the use of product image zoom, then that's a different story... :)

I might get around to testing the above, but have some other things to work on.

[mc12345678]

Got to looking at what was provided above, and well, for the most part the code is "right", but in trying to apply product image zoom (plugin available from cvhainb) doesn't appear that the javascript for that plugin is getting loaded, so the extra code doesn't seem to help. I'm working to see what it takes to get that javascript loaded, but atthe same time am I to assume that it is more desirable to just get the zoom to work that is part of IH4 instead? That's a different (yet somewhat similar) path/set of code.

[mc12345678]

Okay, had to force the javascript files to load for the plugin Product Image Zoom (http://www.zen-cart.com/downloads.php?do=file&id=1815) and it worked using the following code: Off to see about implementing product image zoom included with IH4 which now that I think about it probably was the initial intent/request. :)

<?php
/**
 * Module Template
 *
 * @package templateSystem
 * @copyright Copyright 2003-2011 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 18698 2011-05-04 14:50:06Z wilt $
 */
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE));
/* Begin add 1 of 2 by mc12345678 to support product image zoom */
if ($products_image != '') {
 if (function_exists('handle_image')) {
  $newimg = handle_image($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, '');
  list($src, $alt, $width, $height, $parameters) = $newimg;
  $products_image_large_test = zen_output_string($src);
  if (file_exists($products_image_large_test)) {
   $products_image_large = $products_image_large_test;
  }
 } 
}
/* End add 1 of 2 by mc12345678 to support product image zoom 14-10-31*/
 ?> 
<div id="productMainImage" class="centeredContent back">
<script language="javascript" type="text/javascript"><!--
document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '\\\')">' . zen_image(addslashes($products_image_medium), addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT,/* Begin add 2 of 2 by mc12345678 14-10-31*/ (file_exists($template->get_template_dir('loader_product_image_zoom.php',DIR_WS_TEMPLATE, 'auto_loaders','auto_loaders'). 'loader_product_image_zoom.php') ? 'data-zoom-image="' . $products_image_large . '"' : '') /* End add 2 of 2 by mc12345678 14-10-31*/) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>');
//--></script>
<noscript>
<?php
  echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" 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>

[DivaVocals]

Okay, had to force the javascript files to load for the plugin Product Image Zoom (http://www.zen-cart.com/downloads.php?do=file&id=1815) and it worked using the following code: Off to see about implementing product image zoom included with IH4 which now that I think about it probably was the initial intent/request. :)

Just an FYI.. previous attempts to get the IH hover to work on medium images rendered IH4 incompatible with compatible lightbox modules it now works just fine with.. Also turning on/off zoom on the medium images should be a configuration option.