Image Handler 2 (for ZC v1.3.8 ONLY) Support

[Zippers]

Hey all,

I tried looking for a solution but nothing came up so here i go.

I just installed the image handler and that all went fine.

When i add a new product everything goes fine and the 3 images appear under the manager in the image handler admin, but when i go to the actuall product info page all i get is a white box that says "larger image" (this should be the product image anyway which isn't showing) and then when i click on the larger image it says it can't be found.

After closer inspection it is looking for pictures in /images/medium/picture_MED.JPG in the smaller one and for the larger one in /images/large/picture_LRG.JPG

Am i missing something here? I hope someone can help me out :)

[DivaVocals]

Hey all,

I tried looking for a solution but nothing came up so here i go.

I just installed the image handler and that all went fine.

When i add a new product everything goes fine and the 3 images appear under the manager in the image handler admin, but when i go to the actuall product info page all i get is a white box that says "larger image" (this should be the product image anyway which isn't showing) and then when i click on the larger image it says it can't be found.

After closer inspection it is looking for pictures in /images/medium/picture_MED.JPG in the smaller one and for the larger one in /images/large/picture_LRG.JPG

Am i missing something here? I hope someone can help me out :)

We need the USUAL compliment of information that we always ask for here..

• Link to your site (specifically links DIRECTLY to the products which work correctly AND links to the ones that don't -- please don't ask folks to fish through your site looking for the issue)
• What are your image settings??

Providing this when you posts helps cut down on back and forth guess sessions.. Much better if you provide FULL information up front.. Thanks

[Zippers]

Sorry about that! Won't happen again :)

The link http://www.athometextiles.com/index....roducts_id=939

And it's only slightly different on older products (the large image will show when clicked on but not the medium one on the info page)

example of an older product http://www.athometextiles.com/index....roducts_id=262

Image settings: even though i already tried putting the small one the same as all that were needed as was said in a tutorial.

Small Image Width 60
Small Image Height 60
Heading Image Width - Admin 57
Heading Image Height - Admin 40
Subcategory Image Width 60
Subcategory Image Height 60
Calculate Image Size true
Image Required true
Image - Shopping Cart Status 1
Image - Shopping Cart Width 180
Image - Shopping Cart Height 180
Category Icon Image Width - Product Info Pages 0
Category Icon Image Height - Product Info Pages 0
Top Subcategory Image Width 0
Top Subcategory Image Height 0
Product Info - Image Width 180
Product Info - Image Height 180 Info
Product Info - Image Medium Suffix _MED
Product Info - Image Large Suffix _LRG
Product Info - Number of Additional Images per Row 5
Image - Product Listing Width 120
Image - Product Listing Height 120
Image - Product New Listing Width 120
Image - Product New Listing Height 120
Image - New Products Width 120
Image - New Products Height 120
Image - Featured Products Width 180
Image - Featured Products Height 180
Image - Product All Listing Width 120
Image - Product All Listing Height 120
Product Image - No Image Status 1
Product Image - No Image picture no_picture.gif
Image - Use Proportional Images on Products and Categories 0
IH resize images yes
IH small image filetype no_change
IH small image background 255:255:255
IH watermark small images no
IH zoom small images yes
IH small image compression quality 85
IH medium image filetype no_change
IH medium image background 255:255:255
IH watermark medium images no
IH medium image compression quality 85
IH large image filetype no_change
IH large image background 255:255:255
IH watermark large images no
IH large image compression quality 85
IH large image maximum width 750
IH large image maximum height 550
IH watermark gravity Center

Hope this is better :)

[DivaVocals]

I'd check that you correctly merged the files in includes/modules/YOUR_TEMPLATE with your template files.. Looks like the required IH2 code may be missing.. Also given that this is a Template Monster (or one of their affliates) templates, they are know to incorrectly hack Zen Cart code to make their designs work.. It's possible that they have modified their template code using one of their typical non-standard methods which is causing a problem.. Once IH2 is managing your images, they will pull them from the bmz_cache folder not the paths you posted.. Your images are not doing this which is an indication that there is important IH2 code which is missing or being ignored/overwritten by something in your template..

Sorry about that! Won't happen again :)

The link http://www.athometextiles.com/index....roducts_id=939

And it's only slightly different on older products (the large image will show when clicked on but not the medium one on the info page)

example of an older product http://www.athometextiles.com/index....roducts_id=262

Image settings: even though i already tried putting the small one the same as all that were needed as was said in a tutorial.

Small Image Width 60
Small Image Height 60
Heading Image Width - Admin 57
Heading Image Height - Admin 40
Subcategory Image Width 60
Subcategory Image Height 60
Calculate Image Size true
Image Required true
Image - Shopping Cart Status 1
Image - Shopping Cart Width 180
Image - Shopping Cart Height 180
Category Icon Image Width - Product Info Pages 0
Category Icon Image Height - Product Info Pages 0
Top Subcategory Image Width 0
Top Subcategory Image Height 0
Product Info - Image Width 180
Product Info - Image Height 180 Info
Product Info - Image Medium Suffix _MED
Product Info - Image Large Suffix _LRG
Product Info - Number of Additional Images per Row 5
Image - Product Listing Width 120
Image - Product Listing Height 120
Image - Product New Listing Width 120
Image - Product New Listing Height 120
Image - New Products Width 120
Image - New Products Height 120
Image - Featured Products Width 180
Image - Featured Products Height 180
Image - Product All Listing Width 120
Image - Product All Listing Height 120
Product Image - No Image Status 1
Product Image - No Image picture no_picture.gif
Image - Use Proportional Images on Products and Categories 0
IH resize images yes
IH small image filetype no_change
IH small image background 255:255:255
IH watermark small images no
IH zoom small images yes
IH small image compression quality 85
IH medium image filetype no_change
IH medium image background 255:255:255
IH watermark medium images no
IH medium image compression quality 85
IH large image filetype no_change
IH large image background 255:255:255
IH watermark large images no
IH large image compression quality 85
IH large image maximum width 750
IH large image maximum height 550
IH watermark gravity Center

Hope this is better :)

[Zippers]

It is a unique template indeed, but not from template monster or anything.

That's quite a shame cause from what i can see all it is apparantly doing is getting the image urls wrong.

[DivaVocals]

It is a unique template indeed, but not from template monster or anything.

That's quite a shame cause from what i can see all it is apparantly doing is getting the image urls wrong.

Wherever this template is from, the IH2 code which drives the main product image and the large image popup is clearly not there or has been merged in with your existing templates files in a way that prevents the images from being displayed.. The images clearly are not being pulled from the bmz_cache folder as they should..

<img src="images/medium/Chillax - Multi_MED.JPG" alt="Chillax single duvet/quilt cover and pillow case" title=" Chillax single duvet/quilt cover and pillow case " width="180" height="180" />

Suggest going over your entire install again and pay special attention to the files I mentioned earlier.. Also do you have any other image mods which might be in conflict??

[Zippers]

Oh my god this is so frustrating.

Yeah i just went over the install again and made sure everything is in. I had a quick look on some template files but couldn't find anything.

No other mods are installed for this zen cart. So there has to be an alteration somewhere.

[DivaVocals]

Oh my god this is so frustrating.

Yeah i just went over the install again and made sure everything is in. I had a quick look on some template files but couldn't find anything.

No other mods are installed for this zen cart. So there has to be an alteration somewhere.

and without seeing what you see it's equally frustrating on this end too..

Can you try posting what your IH2 module files look like (the files I referenced earlier.. Please make sure you enclose the code using the code tags (otherwise it's a NIGHTMARE to read here, and the forum software alters code if not properly enclosed in code tags)

Also just checking you did rename all the YOUR_TEMPLATE folders to match the name of your template's folder when you installed IH2 right???

[Zippers]

Yeah i can understand that :) You can always just pm me and i'll give you a login to check though haha

Either way i'm guessing you mean the 2 files that come with the modules and then my template folder (and yes i did change the name )

addicitional_images.php

<?php
/**
 * additional_images module
 *
 * Prepares list of additional product images to be displayed in template
 *
 * @package templateSystem
 * @copyright Copyright 2003-2010 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: additional_images.php 16913 2010-07-16 03:38:06Z ajeh $
 */
if (!defined('IS_ADMIN_FLAG')) {
  die('Illegal Access');
}
if (!defined('IMAGE_ADDITIONAL_DISPLAY_LINK_EVEN_WHEN_NO_LARGE')) define('IMAGE_ADDITIONAL_DISPLAY_LINK_EVEN_WHEN_NO_LARGE','Yes');
$images_array = array();

// do not check for additional images when turned off
if ($products_image != '' && $flag_show_product_info_additional_images != 0) {
  // prepare image name
  $products_image_extension = substr($products_image, strrpos($products_image, '.'));
  $products_image_base = str_replace($products_image_extension, '', $products_image);

  // if in a subdirectory
  if (strrpos($products_image, '/')) {
    $products_image_match = substr($products_image, strrpos($products_image, '/')+1);
    //echo 'TEST 1: I match ' . $products_image_match . ' - ' . $file . ' -  base ' . $products_image_base . '<br>';
    $products_image_match = str_replace($products_image_extension, '', $products_image_match) . '_';
    $products_image_base = $products_image_match;
  }

  $products_image_directory = str_replace($products_image, '', substr($products_image, strrpos($products_image, '/')));
  if ($products_image_directory != '') {
    $products_image_directory = DIR_WS_IMAGES . str_replace($products_image_directory, '', $products_image) . "/";
  } else {
    $products_image_directory = DIR_WS_IMAGES;
  }

  // Check for additional matching images
  $file_extension = $products_image_extension;
  $products_image_match_array = array();
  if ($dir = @dir($products_image_directory)) {
    while ($file = $dir->read()) {
      if (!is_dir($products_image_directory . $file)) {
        if (substr($file, strrpos($file, '.')) == $file_extension) {
          if(preg_match("/" . $products_image_base . "/i", $file) == '1') {
            if ($file != $products_image) {
              if ($products_image_base . str_replace($products_image_base, '', $file) == $file) {
                //echo 'I AM A MATCH ' . $file . '<br />';
                $images_array[] = $file;
              } else {
                //  echo 'I AM NOT A MATCH ' . $file . '<br />';
              }
            }
          }
        }
      }
    }
    if (sizeof($images_array)) {
      sort($images_array);
    }
    $dir->close();
  }
}

// Build output based on images found
$num_images = sizeof($images_array);
$list_box_contents = '';
$title = '';

if ($num_images) {
  $row = 0;
  $col = 0;
  if ($num_images < IMAGES_AUTO_ADDED || IMAGES_AUTO_ADDED == 0 ) {
    $col_width = floor(100/$num_images);
  } else {
    $col_width = floor(100/IMAGES_AUTO_ADDED);
  }

  for ($i=0, $n=$num_images; $i<$n; $i++) {
    $file = $images_array[$i];
    $products_image_large = str_replace(DIR_WS_IMAGES, DIR_WS_IMAGES . 'large/', $products_image_directory) . str_replace($products_image_extension, '', $file) . IMAGE_SUFFIX_LARGE . $products_image_extension;
//  Begin Image Handler changes 1 of 2
//  $flag_has_large = file_exists($products_image_large);
    $flag_has_large = true;//file_exists($products_image_large);
//  End Image Handler changes 1 of 2
    $products_image_large = ($flag_has_large ? $products_image_large : $products_image_directory . $file);
    $flag_display_large = (IMAGE_ADDITIONAL_DISPLAY_LINK_EVEN_WHEN_NO_LARGE == 'Yes' || $flag_has_large);
    $base_image = $products_image_directory . $file;
    $thumb_slashes = zen_image($base_image, addslashes($products_name), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT);
//  Begin Image Handler changes 2 of 2 remove additional single quotes from image attributes (important!)
    $thumb_slashes = preg_replace("/([^\\\\])'/", '$1\\\'', $thumb_slashes);
//  End Image Handler changes 2 of 2
    $thumb_regular = zen_image($base_image, $products_name, SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT);
    $large_link = zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large);

    // Link Preparation:
    $script_link = '<script language="javascript" type="text/javascript"><!--' . "\n" . 'document.write(\'' . ($flag_display_large ? '<a href="javascript:popupWindow(\\\'' . $large_link . '\\\')">' . $thumb_slashes . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>' : $thumb_slashes) . '\');' . "\n" . '//--></script>';

    $noscript_link = '<noscript>' . ($flag_display_large ? '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large) . '" target="_blank">' . $thumb_regular . '<br /><span class="imgLinkAdditional">' . TEXT_CLICK_TO_ENLARGE . '</span></a>' : $thumb_regular ) . '</noscript>';

    //      $alternate_link = '<a href="' . $products_image_large . '" onclick="javascript:popupWindow(\''. $large_link . '\') return false;" title="' . $products_name . '" target="_blank">' . $thumb_regular . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>';

    $link = $script_link . "\n      " . $noscript_link;
    //      $link = $alternate_link;

    // List Box array generation:
    $list_box_contents[$row][$col] = array('params' => 'class="additionalImages centeredContent back"' . ' ' . 'style="width:' . $col_width . '%;"',
    'text' => "\n      " . $link);
    $col ++;
    if ($col > (IMAGES_AUTO_ADDED -1)) {
      $col = 0;
      $row ++;
    }
  } // end for loop
} // endif

main_product_image.php

<?php
/**
 * main_product_image module
 *
 * @package templateSystem
 * @copyright Copyright 2005-2006 Tim Kroeger
 * @copyright Portions Copyright 2003-2006 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: main_product_image.php,v 2.0 Rev 8 2010-05-31 23:46:5 DerManoMann Exp $
 * Last modified by DerManoMann 2010-05-31 23:41:53
 */
if (!defined('IS_ADMIN_FLAG')) {
  die('Illegal Access');
}
$products_image_extension = substr($products_image, strrpos($products_image, '.'));
$products_image_base = preg_replace('/'.$products_image_extension . '$/', '', $products_image);
$products_image_medium = DIR_WS_IMAGES . 'medium/' . $products_image_base . IMAGE_SUFFIX_MEDIUM . $products_image_extension;
$products_image_large  = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE .  $products_image_extension;

  /*
    echo
    'Base ' . $products_image_base . ' - ' . $products_image_extension . '<br>' .
    'Medium ' . $products_image_medium . '<br><br>' .
    'Large ' . $products_image_large . '<br><br>';
  */
// to be built into a single variable string

[DivaVocals]

Yeah i can understand that :) You can always just pm me and i'll give you a login to check though haha

Wish I could, but no can do.. Got a BUSY weekend of paid work coming up.. (actually it's started now..) Site launch, begin new site build, site updates for clients, and OVERTIME work for my regular day job to boot.. Gonna be a LONG weekend for moi..

Either way i'm guessing you mean the 2 files that come with the modules and then my template folder (and yes i did change the name )

addicitional_images.php

<?php
/**
 * additional_images module
 *
 * Prepares list of additional product images to be displayed in template
 *
 * @package templateSystem
 * @copyright Copyright 2003-2010 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: additional_images.php 16913 2010-07-16 03:38:06Z ajeh $
 */
if (!defined('IS_ADMIN_FLAG')) {
  die('Illegal Access');
}
if (!defined('IMAGE_ADDITIONAL_DISPLAY_LINK_EVEN_WHEN_NO_LARGE')) define('IMAGE_ADDITIONAL_DISPLAY_LINK_EVEN_WHEN_NO_LARGE','Yes');
$images_array = array();

// do not check for additional images when turned off
if ($products_image != '' && $flag_show_product_info_additional_images != 0) {
  // prepare image name
  $products_image_extension = substr($products_image, strrpos($products_image, '.'));
  $products_image_base = str_replace($products_image_extension, '', $products_image);

  // if in a subdirectory
  if (strrpos($products_image, '/')) {
    $products_image_match = substr($products_image, strrpos($products_image, '/')+1);
    //echo 'TEST 1: I match ' . $products_image_match . ' - ' . $file . ' -  base ' . $products_image_base . '<br>';
    $products_image_match = str_replace($products_image_extension, '', $products_image_match) . '_';
    $products_image_base = $products_image_match;
  }

  $products_image_directory = str_replace($products_image, '', substr($products_image, strrpos($products_image, '/')));
  if ($products_image_directory != '') {
    $products_image_directory = DIR_WS_IMAGES . str_replace($products_image_directory, '', $products_image) . "/";
  } else {
    $products_image_directory = DIR_WS_IMAGES;
  }

  // Check for additional matching images
  $file_extension = $products_image_extension;
  $products_image_match_array = array();
  if ($dir = @dir($products_image_directory)) {
    while ($file = $dir->read()) {
      if (!is_dir($products_image_directory . $file)) {
        if (substr($file, strrpos($file, '.')) == $file_extension) {
          if(preg_match("/" . $products_image_base . "/i", $file) == '1') {
            if ($file != $products_image) {
              if ($products_image_base . str_replace($products_image_base, '', $file) == $file) {
                //echo 'I AM A MATCH ' . $file . '<br />';
                $images_array[] = $file;
              } else {
                //  echo 'I AM NOT A MATCH ' . $file . '<br />';
              }
            }
          }
        }
      }
    }
    if (sizeof($images_array)) {
      sort($images_array);
    }
    $dir->close();
  }
}

// Build output based on images found
$num_images = sizeof($images_array);
$list_box_contents = '';
$title = '';

if ($num_images) {
  $row = 0;
  $col = 0;
  if ($num_images < IMAGES_AUTO_ADDED || IMAGES_AUTO_ADDED == 0 ) {
    $col_width = floor(100/$num_images);
  } else {
    $col_width = floor(100/IMAGES_AUTO_ADDED);
  }

  for ($i=0, $n=$num_images; $i<$n; $i++) {
    $file = $images_array[$i];
    $products_image_large = str_replace(DIR_WS_IMAGES, DIR_WS_IMAGES . 'large/', $products_image_directory) . str_replace($products_image_extension, '', $file) . IMAGE_SUFFIX_LARGE . $products_image_extension;
//  Begin Image Handler changes 1 of 2
//  $flag_has_large = file_exists($products_image_large);
    $flag_has_large = true;//file_exists($products_image_large);
//  End Image Handler changes 1 of 2
    $products_image_large = ($flag_has_large ? $products_image_large : $products_image_directory . $file);
    $flag_display_large = (IMAGE_ADDITIONAL_DISPLAY_LINK_EVEN_WHEN_NO_LARGE == 'Yes' || $flag_has_large);
    $base_image = $products_image_directory . $file;
    $thumb_slashes = zen_image($base_image, addslashes($products_name), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT);
//  Begin Image Handler changes 2 of 2 remove additional single quotes from image attributes (important!)
    $thumb_slashes = preg_replace("/([^\\\\])'/", '$1\\\'', $thumb_slashes);
//  End Image Handler changes 2 of 2
    $thumb_regular = zen_image($base_image, $products_name, SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT);
    $large_link = zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large);

    // Link Preparation:
    $script_link = '<script language="javascript" type="text/javascript"><!--' . "\n" . 'document.write(\'' . ($flag_display_large ? '<a href="javascript:popupWindow(\\\'' . $large_link . '\\\')">' . $thumb_slashes . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>' : $thumb_slashes) . '\');' . "\n" . '//--></script>';

    $noscript_link = '<noscript>' . ($flag_display_large ? '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large) . '" target="_blank">' . $thumb_regular . '<br /><span class="imgLinkAdditional">' . TEXT_CLICK_TO_ENLARGE . '</span></a>' : $thumb_regular ) . '</noscript>';

    //      $alternate_link = '<a href="' . $products_image_large . '" onclick="javascript:popupWindow(\''. $large_link . '\') return false;" title="' . $products_name . '" target="_blank">' . $thumb_regular . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>';

    $link = $script_link . "\n      " . $noscript_link;
    //      $link = $alternate_link;

    // List Box array generation:
    $list_box_contents[$row][$col] = array('params' => 'class="additionalImages centeredContent back"' . ' ' . 'style="width:' . $col_width . '%;"',
    'text' => "\n      " . $link);
    $col ++;
    if ($col > (IMAGES_AUTO_ADDED -1)) {
      $col = 0;
      $row ++;
    }
  } // end for loop
} // endif

main_product_image.php

<?php
/**
 * main_product_image module
 *
 * @package templateSystem
 * @copyright Copyright 2005-2006 Tim Kroeger
 * @copyright Portions Copyright 2003-2006 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: main_product_image.php,v 2.0 Rev 8 2010-05-31 23:46:5 DerManoMann Exp $
 * Last modified by DerManoMann 2010-05-31 23:41:53
 */
if (!defined('IS_ADMIN_FLAG')) {
  die('Illegal Access');
}
$products_image_extension = substr($products_image, strrpos($products_image, '.'));
$products_image_base = preg_replace('/'.$products_image_extension . '$/', '', $products_image);
$products_image_medium = DIR_WS_IMAGES . 'medium/' . $products_image_base . IMAGE_SUFFIX_MEDIUM . $products_image_extension;
$products_image_large  = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE .  $products_image_extension;

  /*
    echo
    'Base ' . $products_image_base . ' - ' . $products_image_extension . '<br>' .
    'Medium ' . $products_image_medium . '<br><br>' .
    'Large ' . $products_image_large . '<br><br>';
  */
// to be built into a single variable string

I don't see anything out of the ordinary, but that that doesn't mean that something is not amiss.. I can't help but wonder if your template is a contributory factor.. Again without seeing the template files, it's hard to guess what might be the source of the issue.. Hopefully someone else can chime in here..