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

Goshawk:

I have an unusual problem, and may need to be sorted with my host (BlueHost).
My problem started when I could not get to display my header image in emails, while it was available in my browser if I pointed the url directly to it. This has been fixed by BlueHost.

But now I have an issue with imagehandler, if I add new images to a product, the images do display in my catalog, but not in admin > imagehandler4.

Here is te code from <td class="dataTableContent" align="center" valign="top"> which is correct

<tr class="dataTableRow" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="document.location.href='http://my-site.com/my-admin/image_handler.php?products_filter=32&imgName=434-8&action=layout_info'"> ``` > > But the path to the image sudddenly includes the directory in which ZC is installed, while my URL points directly to my ZC installation: > ``` <img src="/Directory/bmz_cache/7/726d23ceac06644ebcac83d0ffb615ab.image.175x175.jpg" border="0" alt="ProductName - 434" title=" Big Pocket Wool & Cashmere Jacket - 434 " height="175"><br /> 175x175<br /><strong>5.4Kb</strong> </td><td class="dataTableContent" align="center" valign="top"> ``` > > Is there anywhere in IH that I can change the path above to read the image correctly ie: /bmz_cache/7/726d23ceac06644ebcac83d0ffb615ab.image.175x175.jpg" > > Thanks. > > Goshawk

Please don't take this wrong.. but I really don't understand what the issue is.. Are you saying that the images don't show on the product pages or do they not appear in the IH image manager in the admin?? It would help if you posted a link to an actual product where the issue is occurring..

Goshawk:

I have an unusual problem, and may need to be sorted with my host (BlueHost).
My problem started when I could not get to display my header image in emails, while it was available in my browser if I pointed the url directly to it. This has been fixed by BlueHost.

But now I have an issue with imagehandler, if I add new images to a product, the images do display in my catalog, but not in admin > imagehandler4.

Here is te code from <td class="dataTableContent" align="center" valign="top"> which is correct

<tr class="dataTableRow" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)" onclick="document.location.href='http://my-site.com/my-admin/image_handler.php?products_filter=32&imgName=434-8&action=layout_info'"> ``` > > But the path to the image sudddenly includes the directory in which ZC is installed, while my URL points directly to my ZC installation: > ``` <img src="/Directory/bmz_cache/7/726d23ceac06644ebcac83d0ffb615ab.image.175x175.jpg" border="0" alt="ProductName - 434" title=" Big Pocket Wool & Cashmere Jacket - 434 " height="175"><br /> 175x175<br /><strong>5.4Kb</strong> </td><td class="dataTableContent" align="center" valign="top"> ``` > > Is there anywhere in IH that I can change the path above to read the image correctly ie: /bmz_cache/7/726d23ceac06644ebcac83d0ffb615ab.image.175x175.jpg" > > Thanks. > > Goshawk

In addition to Diva's question, what version of IH4 are you using?

Hi,

I am using Image_Handler4_v4_3_1.

attached are 2 images of the same product.
1 shows the admin of image handler, 2 other shows the product in the catalog

Hi,

I'm in my fourth try to install IH 4 and it's not happening for me. I use Firefox, Dreamweaver and Filezilla for transfer. I did the drag and drop thing for the files... everything shows as the instructions say however, when I get back to clicking a link on my admin, I get the blank page.

I can't get the auto-installer to kick in. I've checked the logs for errors and nothing shows there. I've found on the net that if my default language was other then English, removing the other language, installing IH and reinstalling the language could work, but it did not for me.

I've also found on this thread that for some, the admin>includes>configuration.php file was getting modified automatically in regards to the admin folder but mine isn`t. It is as it should be

define('DIR_FS_ADMIN', realpath(dirname(FILE) . '/../') . '/');

I have the latest Zencart installed

canada post
ceon uri mapping
french language

I did a file compare on the zen cart original file YOUR_ADMIN/includes/modules/category_product_listing.php and mine with Beyond Compare and the file was unchanged so went ahead and installed as instructed...

still no go... am I missing something?

marieAA:

Hi,

I'm in my fourth try to install IH 4 and it's not happening for me. I use Firefox, Dreamweaver and Filezilla for transfer. I did the drag and drop thing for the files... everything shows as the instructions say however, when I get back to clicking a link on my admin, I get the blank page.

I can't get the auto-installer to kick in. I've checked the logs for errors and nothing shows there. I've found on the net that if my default language was other then English, removing the other language, installing IH and reinstalling the language could work, but it did not for me.

I've also found on this thread that for some, the admin>includes>configuration.php file was getting modified automatically in regards to the admin folder but mine isn`t. It is as it should be

I have the latest Zencart installed

canada post
ceon uri mapping
french language

I did a file compare on the zen cart original file YOUR_ADMIN/includes/modules/category_product_listing.php and mine with Beyond Compare and the file was unchanged so went ahead and installed as instructed...

still no go... am I missing something?

Blank page = an error log.. so without know what error is being kicked out, I couldn't begin to guess what's going on.. Post the error logs generated when you install..

sorry, I still have nothing in the logs folder of the store. and no error log on my host either. I see that some posted images of a list of errors that shows up at the top of the page.. is there a way to turn that on?

I've been running one of my client's test stores with error-reporting level E_ALL and wound up with a bunch of E_NOTICE logs of the form:

[17-Sep-2013 13:18:53 Europe/Berlin] PHP Notice:  Use of undefined constant IH_RESIZE_TITLE - assumed 'IH_RESIZE_TITLE' in C:\xampp\htdocs\testsite\testadmin\includes\languages\english\extra_definitions\bmz_language_admin.php on line 3

It turns out that none of the constants named in the referenced file are enclosed in quotes; here's the updated bmz_language_admin.php module, with the quotes added:

<?php

define('IH_RESIZE_TITLE', 'IH resize images');
define('IH_RESIZE_TEXT', 'Select either -no- which is old Zen-Cart behaviour or -yes- to activate automatic resizing and caching of images. --Note: If you select -no-, all of the Image Handler specific image settings will be unavailable including: image filetype selection, background colors, compression, image hover, and watermarking-- If you want to use ImageMagick you have to specify the location of the <strong>convert</strong> binary in <em>includes/extra_configures/bmz_image_handler_conf.php</em>.');

define('SMALL_IMAGE_FILETYPE_TITLE', 'IH small images filetype');
define('SMALL_IMAGE_FILETYPE_TEXT', 'Select one of -jpg-, -gif- or -png-. Older versions of Internet Explorer -v6.0 and older- will have issues displaying -png- images with transparent areas. You better stick to -gif- for transparency if you MUST support older versions of Internet Explorer. However -png- is a MUCH BETTER format for transparency. Use -jpg- or -png- for larger images. -no_change- is old zen-cart behavior, use the same file extension for small images as uploaded image');

define('SMALL_IMAGE_BACKGROUND_TITLE', 'IH small images background');
define('SMALL_IMAGE_BACKGROUND_TEXT', 'If converted from an uploaded image with transparent areas, these areas become the specified color. Set to -transparent- to keep transparency.');

define('SMALL_IMAGE_QUALITY_TITLE', 'IH small images compression quality');
define('SMALL_IMAGE_QUALITY_TEXT', 'Specify the desired image quality for small jpg images, decimal values ranging from 0 to 100. Higher is better quality and takes more space. Default is 85 which is ok unless you have very specific needs.');

define('WATERMARK_SMALL_IMAGES_TITLE', 'IH small images watermark');
define('WATERMARK_SMALL_IMAGES_TEXT', 'Set to -yes-, if you want to show watermarked small images instead of unmarked small images.');

define('ZOOM_SMALL_IMAGES_TITLE', 'IH small images zoom on hover');
define('ZOOM_SMALL_IMAGES_TEXT', 'Set to -yes-, if you want to enable a nice zoom overlay while hovering the mouse pointer over small images.');

define('ZOOM_IMAGE_SIZE_TITLE', 'IH small images zoom on hover size');
define('ZOOM_IMAGE_SIZE_TEXT', 'Set to -Medium-, if you want to the zoom on hover display to use the medium sized image. Otherwise, to use the large sized image on hover, set to -Large-');

define('MEDIUM_IMAGE_FILETYPE_TITLE', 'IH medium images filetype');
define('MEDIUM_IMAGE_FILETYPE_TEXT', 'Select one of -jpg-, -gif- or -png-. Older versions of Internet Explorer -v6.0 and older- will have issues displaying -png- images with transparent areas. You better stick to -gif- for transparency if you MUST support older versions of Internet Explorer. However -png- is a MUCH BETTER format for transparency. Use -jpg- or -png- for larger images. -no_change- is old zen-cart behavior, use the same file extension for medium images as uploaded image-s.');

define('MEDIUM_IMAGE_BACKGROUND_TITLE', 'IH medium images background');
define('MEDIUM_IMAGE_BACKGROUND_TEXT', 'If converted from an uploaded image with transparent areas, these areas become the specified color. Set to -transparent- to keep transparency.');

define('MEDIUM_IMAGE_QUALITY_TITLE', 'IH medium images compression quality');
define('MEDIUM_IMAGE_QUALITY_TEXT', 'Specify the desired image quality for medium jpg images, decimal values ranging from 0 to 100. Higher is better quality and takes more space. Default is 85 which is ok unless you have very specific needs.');

define('WATERMARK_MEDIUM_IMAGES_TITLE', 'IH medium images watermark');
define('WATERMARK_MEDIUM_IMAGES_TEXT', 'Set to -yes-, if you want to show watermarked medium images instead of unmarked medium images.');

define('LARGE_IMAGE_FILETYPE_TITLE', 'IH large images filetype');
define('LARGE_IMAGE_FILETYPE_TEXT', 'Select one of -jpg-, -gif- or -png-. Older versions of Internet Explorer -v6.0 and older- will have issues displaying -png- images with transparent areas. You better stick to -gif- for transparency if you MUST support older versions of Internet Explorer. However -png- is a MUCH BETTER format for transparency. Use -jpg- or -png- for larger images. -no_change- is old zen-cart behavior, use the same file extension for large images as uploaded image-s.');

define('LARGE_IMAGE_BACKGROUND_TITLE', 'IH large images background');
define('LARGE_IMAGE_BACKGROUND_TEXT', 'If converted from an uploaded image with transparent areas, these areas become the specified color. Set to -transparent- to keep transparency.');

define('LARGE_IMAGE_QUALITY_TITLE', 'IH large images compression quality');
define('LARGE_IMAGE_QUALITY_TEXT', 'Specify the desired image quality for large jpg images, decimal values ranging from 0 to 100. Higher is better quality and takes more space. Default is 85 which is ok unless you have very specific needs.');

define('WATERMARK_LARGE_IMAGES_TITLE', 'IH large images watermark');
define('WATERMARK_LARGE_IMAGES_TEXT', 'Set to -yes-, if you want to show watermarked large images instead of unmarked large images.');

define('LARGE_IMAGE_MAX_WIDTH_TITLE', 'IH large images maximum width');
define('LARGE_IMAGE_MAX_WIDTH_TEXT', 'Specify a maximum width for your large images. If width and height are empty or set to 0, no resizing of large images is done.');

define('LARGE_IMAGE_MAX_HEIGHT_TITLE', 'IH large images maximum height');
define('LARGE_IMAGE_MAX_HEIGHT_TEXT', 'Specify a maximum height for your large images. If width and height are empty or set to 0, no resizing of large images is done.');

define('WATERMARK_GRAVITY_TITLE', 'IH watermark gravity');
define('WATERMARK_GRAVITY_TEXT', 'Select the position for the watermark relative to the image-s canvas. Default is <strong>Center</Strong>.');

define('IH_VERSION_TITLE', 'IH version');
define('IH_VERSION_TEXT', 'IH Version is stored but not shown on configuration menus');

lat9:

I've been running one of my client's test stores with error-reporting level E_ALL and wound up with a bunch of E_NOTICE logs of the form:

[17-Sep-2013 13:18:53 Europe/Berlin] PHP Notice: Use of undefined constant IH_RESIZE_TITLE - assumed 'IH_RESIZE_TITLE' in C:\xampp\htdocs\testsite\testadmin\includes\languages\english\extra_definitions\bmz_language_admin.php on line 3

> It turns out that none of the constants named in the referenced file are enclosed in quotes; here's the updated bmz_language_admin.php module, with the quotes added:
> ```
<?php

define('IH_RESIZE_TITLE', 'IH resize images');
define('IH_RESIZE_TEXT', 'Select either -no- which is old Zen-Cart behaviour or -yes- to activate automatic resizing and caching of images. --Note: If you select -no-, all of the Image Handler specific image settings will be unavailable including: image filetype selection, background colors, compression, image hover, and watermarking-- If you want to use ImageMagick you have to specify the location of the <strong>convert</strong> binary in <em>includes/extra_configures/bmz_image_handler_conf.php</em>.');

define('SMALL_IMAGE_FILETYPE_TITLE', 'IH small images filetype');
define('SMALL_IMAGE_FILETYPE_TEXT', 'Select one of -jpg-, -gif- or -png-. Older versions of Internet Explorer -v6.0 and older- will have issues displaying -png- images with transparent areas. You better stick to -gif- for transparency if you MUST support older versions of Internet Explorer. However -png- is a MUCH BETTER format for transparency. Use -jpg- or -png- for larger images. -no_change- is old zen-cart behavior, use the same file extension for small images as uploaded image');

define('SMALL_IMAGE_BACKGROUND_TITLE', 'IH small images background');
define('SMALL_IMAGE_BACKGROUND_TEXT', 'If converted from an uploaded image with transparent areas, these areas become the specified color. Set to -transparent- to keep transparency.');

define('SMALL_IMAGE_QUALITY_TITLE', 'IH small images compression quality');
define('SMALL_IMAGE_QUALITY_TEXT', 'Specify the desired image quality for small jpg images, decimal values ranging from 0 to 100. Higher is better quality and takes more space. Default is 85 which is ok unless you have very specific needs.');

define('WATERMARK_SMALL_IMAGES_TITLE', 'IH small images watermark');
define('WATERMARK_SMALL_IMAGES_TEXT', 'Set to -yes-, if you want to show watermarked small images instead of unmarked small images.');

define('ZOOM_SMALL_IMAGES_TITLE', 'IH small images zoom on hover');
define('ZOOM_SMALL_IMAGES_TEXT', 'Set to -yes-, if you want to enable a nice zoom overlay while hovering the mouse pointer over small images.');

define('ZOOM_IMAGE_SIZE_TITLE', 'IH small images zoom on hover size');
define('ZOOM_IMAGE_SIZE_TEXT', 'Set to -Medium-, if you want to the zoom on hover display to use the medium sized image. Otherwise, to use the large sized image on hover, set to -Large-');

define('MEDIUM_IMAGE_FILETYPE_TITLE', 'IH medium images filetype');
define('MEDIUM_IMAGE_FILETYPE_TEXT', 'Select one of -jpg-, -gif- or -png-. Older versions of Internet Explorer -v6.0 and older- will have issues displaying -png- images with transparent areas. You better stick to -gif- for transparency if you MUST support older versions of Internet Explorer. However -png- is a MUCH BETTER format for transparency. Use -jpg- or -png- for larger images. -no_change- is old zen-cart behavior, use the same file extension for medium images as uploaded image-s.');

define('MEDIUM_IMAGE_BACKGROUND_TITLE', 'IH medium images background');
define('MEDIUM_IMAGE_BACKGROUND_TEXT', 'If converted from an uploaded image with transparent areas, these areas become the specified color. Set to -transparent- to keep transparency.');

define('MEDIUM_IMAGE_QUALITY_TITLE', 'IH medium images compression quality');
define('MEDIUM_IMAGE_QUALITY_TEXT', 'Specify the desired image quality for medium jpg images, decimal values ranging from 0 to 100. Higher is better quality and takes more space. Default is 85 which is ok unless you have very specific needs.');

define('WATERMARK_MEDIUM_IMAGES_TITLE', 'IH medium images watermark');
define('WATERMARK_MEDIUM_IMAGES_TEXT', 'Set to -yes-, if you want to show watermarked medium images instead of unmarked medium images.');

define('LARGE_IMAGE_FILETYPE_TITLE', 'IH large images filetype');
define('LARGE_IMAGE_FILETYPE_TEXT', 'Select one of -jpg-, -gif- or -png-. Older versions of Internet Explorer -v6.0 and older- will have issues displaying -png- images with transparent areas. You better stick to -gif- for transparency if you MUST support older versions of Internet Explorer. However -png- is a MUCH BETTER format for transparency. Use -jpg- or -png- for larger images. -no_change- is old zen-cart behavior, use the same file extension for large images as uploaded image-s.');

define('LARGE_IMAGE_BACKGROUND_TITLE', 'IH large images background');
define('LARGE_IMAGE_BACKGROUND_TEXT', 'If converted from an uploaded image with transparent areas, these areas become the specified color. Set to -transparent- to keep transparency.');

define('LARGE_IMAGE_QUALITY_TITLE', 'IH large images compression quality');
define('LARGE_IMAGE_QUALITY_TEXT', 'Specify the desired image quality for large jpg images, decimal values ranging from 0 to 100. Higher is better quality and takes more space. Default is 85 which is ok unless you have very specific needs.');

define('WATERMARK_LARGE_IMAGES_TITLE', 'IH large images watermark');
define('WATERMARK_LARGE_IMAGES_TEXT', 'Set to -yes-, if you want to show watermarked large images instead of unmarked large images.');

define('LARGE_IMAGE_MAX_WIDTH_TITLE', 'IH large images maximum width');
define('LARGE_IMAGE_MAX_WIDTH_TEXT', 'Specify a maximum width for your large images. If width and height are empty or set to 0, no resizing of large images is done.');

define('LARGE_IMAGE_MAX_HEIGHT_TITLE', 'IH large images maximum height');
define('LARGE_IMAGE_MAX_HEIGHT_TEXT', 'Specify a maximum height for your large images. If width and height are empty or set to 0, no resizing of large images is done.');

define('WATERMARK_GRAVITY_TITLE', 'IH watermark gravity');
define('WATERMARK_GRAVITY_TEXT', 'Select the position for the watermark relative to the image-s canvas. Default is <strong>Center</Strong>.');

define('IH_VERSION_TITLE', 'IH version');
define('IH_VERSION_TEXT', 'IH Version is stored but not shown on configuration menus');

Thanks for this.. will make the change and submit update.. :smile:

marieAA:

sorry, I still have nothing in the logs folder of the store. and no error log on my host either. I see that some posted images of a list of errors that shows up at the top of the page.. is there a way to turn that on?

The list of errors at the top of the page appears when the auto installer tries to process the files and comes across an error in that process.
Btw, the configure.php file is not touched by the installer, the fact that your file contains what you showed, indicates that ZC knows where the admin directory is and no changes to your configure.php should be expected by IH.
You stated that you did a file compare of one file, but did you do a file compare with all core files modified by IH as part of the instructions? Ie was this a first time install, or an upgrade? (Verifying the meaning of the statement of fourth time trying to install IH4.) Cache and sessions were cleared? Anything presented when viewing the source from within the browser? Do you happen to have a cache folder in addition to a logs folder and did an error get logged into the cache folder? (Yes I'm guessing at areas, because there really should be an error somewhere about this lack of system response.) Is there possibly so many error logs that the system is slow to respond to provide the list of error logs which contains the error associated with this event?

mc12345678:

The list of errors at the top of the page appears when the auto installer tries to process the files and comes across an error in that process.
Btw, the configure.php file is not touched by the installer, the fact that your file contains what you showed, indicates that ZC knows where the admin directory is and no changes to your configure.php should be expected by IH.
You stated that you did a file compare of one file, but did you do a file compare with all core files modified by IH as part of the instructions? Ie was this a first time install, or an upgrade? (Verifying the meaning of the statement of fourth time trying to install IH4.) Cache and sessions were cleared? Anything presented when viewing the source from within the browser? Do you happen to have a cache folder in addition to a logs folder and did an error get logged into the cache folder? (Yes I'm guessing at areas, because there really should be an error somewhere about this lack of system response.) Is there possibly so many error logs that the system is slow to respond to provide the list of error logs which contains the error associated with this event?

fourth try installing it for the first time... not upgrading.

Nothing at all when looking at the source.. I get this:

<html> <head></head> <body></body> </html>

I did check on the other core files but didn't do Beyond Compare on them because all of those were original files for me, I didn't modify any of them prior to IH. I did check the cache folder, sorry should have mentioned it, and this one too is empty. I can't figure it out. Every single time I revert to my older backup, everything is running smoothly, no errors and everytime I try to put in the files again, blank page again. As for the quantity of errors, I would have had to have other errors prior to IH to make a list so long right? Things is that I fix all errors as I find them and there are none prior to IH and I don't get either why nothing happens when I add the IH files. I'll try again from the beginning again.

My apologies for taking of your time. I had done a major stupid. I always take a fresh copy of my site and place it in a separate folder to test new mods to make sure I don't break the live one. While looking again at the configure.php files, I realised that I had forgotten to rename the store folder. So the errors were getting logged in the live store folder.

and if it can help anyone else with a different default language, I installed it again while having the default different language installed and it wasn't an issue at all. So no need to remove the language etc...

My sincere apologies, all is well now.

Hi,

Can someone put me in the right direction here, as my main images are not showing in zen-cart-v1.5.1-full-fileset-09182012

I was using Image Handler 4 for v1.5.x - Version: v4.3.1, but it did not show the images in the IH manager in admin (see post above - and included screen shots), so I did a complete uninstall of IH4.3.1 (used the IH built in uninstaller from ZC_admin), and deleted all the files that IH left behind (checked against the original IH file structure), also deleted the bmz_cache folder.

As it is suggested in your image_handler_readme.html, zen_lightbox needs to be installed (or some files to be re-written) after IH installation.

Therefore I uninstalled zen_lightbox-v1.6.4_1, by manually deleting all the files and running the uninstall.sql to make sure that nothing remainde of both IH and zen_lightbox installations.

Following your install instructions, I did reinstall Image Handler 4 for v1.5.x - Version: v4.3.2. In ZC_admin the installation went ok (all green messages).

Then I proceeded with the installation of zen_lightbox-v1.6.4_1

Here is the URL of a test product:
http://leather-jackets-leather-fashion.com/leather-for-women-c-1/rider-leather-jacket-c-1_4/highneck-leather-jacket-002-p-9.html

Looking at the DOM source of the page, I am puzzled by looking at the directories that the images are located in:

• productMainImage: <img src="images/medium/FOLDER_NAME/002_MED.jpg".........../>
• productAdditionalImages: <img src="images/FOLDER_NAME/002_01.jpg"........./>

Here is part of the DOM source code:

<!--bof Main Product Image -->
<div id="productMainImage" class="centeredContent back">
  <script language="javascript" type="text/javascript">
  <!--
	document.write('<a href="bmz_cache/3/350e73bc2a07baf3477b70c4fa4a3c69.image.736x800.jpg" rel="lightbox-g" title="High-Neck Leather Jacket - 002"><img src="images/medium/FOLDER_NAME/002_MED.jpg" alt="High-Neck Leather Jacket - 002" title=" High-Neck Leather Jacket - 002 " /><br /><span class="imgLink">larger image</span></a>');
  //-->
  </script>
  <a href="bmz_cache/3/350e73bc2a07baf3477b70c4fa4a3c69.image.736x800.jpg" rel="lightbox-g" title="High-Neck Leather Jacket - 002"><img src="images/medium/FOLDER_NAME/002_MED.jpg" alt="High-Neck Leather Jacket - 002" title=" High-Neck Leather Jacket - 002 "><br><span class="imgLink">larger image</span></a>
  <noscript>
  <a href="http://leather-jackets-leather-fashion.com/index.php?main_page=popup_image&pID=9" target="_blank"><img src="images/medium/FOLDER_NAME/002_MED.jpg" alt="High-Neck Leather Jacket - 002" title=" High-Neck Leather Jacket - 002 " /><br /><span class="imgLink">larger image</span></a>
  </noscript>
</div><!--eof Main Product Image-->

<!--bof Additional Product Images -->
 <div id="productAdditionalImages">
  <div class="additionalImages centeredContent back" style="width:25%;">
	<script language="javascript" type="text/javascript">
	<!--
	document.write('<a href="bmz_cache/4/49744121e52c7d8d3fcdd0ac7c72cf72.image.661x800.jpg" rel="lightbox-g" title="High-Neck Leather Jacket - 002"><img src="images/FOLDER_NAME/002_01.jpg" alt="High-Neck Leather Jacket - 002" title=" High-Neck Leather Jacket - 002 " width="144.666666667" height="175" /><br />larger image</a>');

Here is the code from main_product_image.php, showing that IH made the needed changes:

<?php
/**mod Image Handler 4.3.2
 * main_product_image module
 *
 * @package templateSystem
 * @copyright Copyright 2005-2006 Tim Kroeger
 * @copyright 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 4663 2006-10-02 04:08:32Z drbyte $
 * 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, '.'));
//Begin Image Handler changes 1 of 2
//the next three lines are commented out for Image Handler 4
//$products_image_base = str_replace($products_image_extension, '', $products_image);
//$products_image_medium = $products_image_base . IMAGE_SUFFIX_MEDIUM . $products_image_extension;
//$products_image_large = $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;
$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;
//End Image Handler changes 1 of 2

//Begin Image Handler changes 2 of 2 (this entire section is commented out for Image Handler 4)
// check for a medium image else use small
//if (!file_exists(DIR_WS_IMAGES . 'medium/' . $products_image_medium)) {
//  $products_image_medium = DIR_WS_IMAGES . $products_image;
//} else {
//  $products_image_medium = DIR_WS_IMAGES . 'medium/' . $products_image_medium;
//}
// check for a large image else use medium else use small
//if (!file_exists(DIR_WS_IMAGES . 'large/' . $products_image_large)) {
//  if (!file_exists(DIR_WS_IMAGES . 'medium/' . $products_image_medium)) {
//    $products_image_large = DIR_WS_IMAGES . $products_image;
//  } else {
//    $products_image_large = DIR_WS_IMAGES . 'medium/' . $products_image_medium;
//  }
//} else {
//  $products_image_large = DIR_WS_IMAGES . 'large/' . $products_image_large;
//}
//End Image Handler changes 2 of 2 (this entire section is commented out for Image Handler 4)
  /*
    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	

So please can you tell me what went wrong, and why I have 2 different URL's showing?

Many thanks for your help,

Goshawk

Goshawk:

Hi,

Can someone put me in the right direction here, as my main images are not showing in zen-cart-v1.5.1-full-fileset-09182012

I was using Image Handler 4 for v1.5.x - Version: v4.3.1, but it did not show the images in the IH manager in admin (see post above - and included screen shots), so I did a complete uninstall of IH4.3.1 (used the IH built in uninstaller from ZC_admin), and deleted all the files that IH left behind (checked against the original IH file structure), also deleted the bmz_cache folder.

As it is suggested in your image_handler_readme.html, zen_lightbox needs to be installed (or some files to be re-written) after IH installation.

Therefore I uninstalled zen_lightbox-v1.6.4_1, by manually deleting all the files and running the uninstall.sql to make sure that nothing remainde of both IH and zen_lightbox installations.

Following your install instructions, I did reinstall Image Handler 4 for v1.5.x - Version: v4.3.2. In ZC_admin the installation went ok (all green messages).

Then I proceeded with the installation of zen_lightbox-v1.6.4_1

Here is the URL of a test product:
http://leather-jackets-leather-fashion.com/leather-for-women-c-1/rider-leather-jacket-c-1_4/highneck-leather-jacket-002-p-9.html

Looking at the DOM source of the page, I am puzzled by looking at the directories that the images are located in:

• productMainImage: <img src="images/medium/FOLDER_NAME/002_MED.jpg".........../>

• productAdditionalImages: <img src="images/FOLDER_NAME/002_01.jpg"........./>

Here is part of the DOM source code:

<!--bof Main Product Image --> <div id="productMainImage" class="centeredContent back"> <script language="javascript" type="text/javascript"> <!-- document.write('<a href="bmz_cache/3/350e73bc2a07baf3477b70c4fa4a3c69.image.736x800.jpg" rel="lightbox-g" title="High-Neck Leather Jacket - 002"><img src="images/medium/FOLDER_NAME/002_MED.jpg" alt="High-Neck Leather Jacket - 002" title=" High-Neck Leather Jacket - 002 " /><br /><span class="imgLink">larger image</span></a>'); //--> </script> <a href="bmz_cache/3/350e73bc2a07baf3477b70c4fa4a3c69.image.736x800.jpg" rel="lightbox-g" title="High-Neck Leather Jacket - 002"><img src="images/medium/FOLDER_NAME/002_MED.jpg" alt="High-Neck Leather Jacket - 002" title=" High-Neck Leather Jacket - 002 "><br><span class="imgLink">larger image</span></a> <noscript> <a href="http://leather-jackets-leather-fashion.com/index.php?main_page=popup_image&pID=9" target="_blank"><img src="images/medium/FOLDER_NAME/002_MED.jpg" alt="High-Neck Leather Jacket - 002" title=" High-Neck Leather Jacket - 002 " /><br /><span class="imgLink">larger image</span></a> </noscript> </div><!--eof Main Product Image--> <!--bof Additional Product Images --> <div id="productAdditionalImages"> <div class="additionalImages centeredContent back" style="width:25%;"> <script language="javascript" type="text/javascript"> <!-- document.write('<a href="bmz_cache/4/49744121e52c7d8d3fcdd0ac7c72cf72.image.661x800.jpg" rel="lightbox-g" title="High-Neck Leather Jacket - 002"><img src="images/FOLDER_NAME/002_01.jpg" alt="High-Neck Leather Jacket - 002" title=" High-Neck Leather Jacket - 002 " width="144.666666667" height="175" /><br />larger image</a>'); ``` > > Here is the code from main_product_image.php, showing that IH made the needed changes: > ``` <?php /**mod Image Handler 4.3.2 * main_product_image module * * @package templateSystem * @copyright Copyright 2005-2006 Tim Kroeger * @copyright 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 4663 2006-10-02 04:08:32Z drbyte $ * 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, '.')); //Begin Image Handler changes 1 of 2 //the next three lines are commented out for Image Handler 4 //$products_image_base = str_replace($products_image_extension, '', $products_image); //$products_image_medium = $products_image_base . IMAGE_SUFFIX_MEDIUM . $products_image_extension; //$products_image_large = $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension; $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; //End Image Handler changes 1 of 2

//Begin Image Handler changes 2 of 2 (this entire section is commented out for Image Handler 4)
// check for a medium image else use small
//if (!file_exists(DIR_WS_IMAGES . 'medium/' . $products_image_medium)) {
// $products_image_medium = DIR_WS_IMAGES . $products_image;
//} else {
// $products_image_medium = DIR_WS_IMAGES . 'medium/' . $products_image_medium;
//}
// check for a large image else use medium else use small
//if (!file_exists(DIR_WS_IMAGES . 'large/' . $products_image_large)) {
// if (!file_exists(DIR_WS_IMAGES . 'medium/' . $products_image_medium)) {
// $products_image_large = DIR_WS_IMAGES . $products_image;
// } else {
// $products_image_large = DIR_WS_IMAGES . 'medium/' . $products_image_medium;
// }
//} else {
// $products_image_large = DIR_WS_IMAGES . 'large/' . $products_image_large;
//}
//End Image Handler changes 2 of 2 (this entire section is commented out for Image Handler 4)
/*
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

> 
> So please can you tell me what went wrong, and why I have 2 different URL's showing?
> 
> Many thanks for your help,
> 
> Goshawk

If understand correctly, in places that are normally a medium image,  are wondering why IH4 doesn't override that. For that, read the instructions. Medium images are not handled by IH. I forget the explanation why, but if you want a different image to be displayed so that it is handled by IH then would need to change the ZC code to display a different sized image in place of the medium image.

Not true.. the IMAGE HOVER feature of Image Handler doesn't work on the medium images displayed on the product information page.. Otherwise image Handler manages ALL product and category images..

mc12345678:

If understand correctly, in places that are normally a medium image, are wondering why IH4 doesn't override that. For that, read the instructions. Medium images are not handled by IH. I forget the explanation why, but if you want a different image to be displayed so that it is handled by IH then would need to change the ZC code to display a different sized image in place of the medium image.

Tells me that you uploaded your main product image (the "medium image") to a folder called "/images/medium/Jenny/": http://leather-jackets-leather-fashion.com/images/medium/Jenny/002_MED.jpg. Your other images on the other hand are located in a folder called "/images/Jenny/": http://leather-jackets-leather-fashion.com/images/Jenny/002_01.jpg.

Your medium image gives one a 403 error (which is why it doesn't display). 403 error aside, the first thing that stands out for me is that there is NO REASON for you to put images in the "medium" or "large" image folders, nor is there any reason to name your files as you have done with the "_MED" appended to the file name. In fact you should NOT use these folders or naming conventions at all..

As stated frequently in this support thread and in the IH4 readme instructions, you DO NOT (SHOULD NOT) need to upload specific small, medium, or large images at all.. You do not need to upload images to the "medium" or "large" image folders, nor do you need to append "_MED" or "_LRG" ro your file names.. Upload your LARGEST IMAGE and IH4 will generate optimized small, medium, and large images for you. So I would start with removing the images in the "/images/medium/Jenny/" folder and edit the product to make sure the largest main product image is in the "/images/Jenny/" folder.

Secondly because of the way ZEN CART magaes additional images, you are going to need to change your image names from what I assume is the default manufacturers image names. Your images names should NOT contain ANY numbers otherwise you will find that eventually images that belong to one product will appear on other products as well..

Goshawk:

Hi,

Can someone put me in the right direction here, as my main images are not showing in zen-cart-v1.5.1-full-fileset-09182012

I was using Image Handler 4 for v1.5.x - Version: v4.3.1, but it did not show the images in the IH manager in admin (see post above - and included screen shots), so I did a complete uninstall of IH4.3.1 (used the IH built in uninstaller from ZC_admin), and deleted all the files that IH left behind (checked against the original IH file structure), also deleted the bmz_cache folder.

As it is suggested in your image_handler_readme.html, zen_lightbox needs to be installed (or some files to be re-written) after IH installation.

Therefore I uninstalled zen_lightbox-v1.6.4_1, by manually deleting all the files and running the uninstall.sql to make sure that nothing remainde of both IH and zen_lightbox installations.

Following your install instructions, I did reinstall Image Handler 4 for v1.5.x - Version: v4.3.2. In ZC_admin the installation went ok (all green messages).

Then I proceeded with the installation of zen_lightbox-v1.6.4_1

Here is the URL of a test product:
http://leather-jackets-leather-fashion.com/leather-for-women-c-1/rider-leather-jacket-c-1_4/highneck-leather-jacket-002-p-9.html

Looking at the DOM source of the page, I am puzzled by looking at the directories that the images are located in:

• productMainImage: <img src="images/medium/FOLDER_NAME/002_MED.jpg".........../>

• productAdditionalImages: <img src="images/FOLDER_NAME/002_01.jpg"........./>

Here is part of the DOM source code:

<!--bof Main Product Image --> <div id="productMainImage" class="centeredContent back"> <script language="javascript" type="text/javascript"> <!-- document.write('<a href="bmz_cache/3/350e73bc2a07baf3477b70c4fa4a3c69.image.736x800.jpg" rel="lightbox-g" title="High-Neck Leather Jacket - 002"><img src="images/medium/FOLDER_NAME/002_MED.jpg" alt="High-Neck Leather Jacket - 002" title=" High-Neck Leather Jacket - 002 " /><br /><span class="imgLink">larger image</span></a>'); //--> </script> <a href="bmz_cache/3/350e73bc2a07baf3477b70c4fa4a3c69.image.736x800.jpg" rel="lightbox-g" title="High-Neck Leather Jacket - 002"><img src="images/medium/FOLDER_NAME/002_MED.jpg" alt="High-Neck Leather Jacket - 002" title=" High-Neck Leather Jacket - 002 "><br><span class="imgLink">larger image</span></a> [B] <noscript>[/B] <a href="http://leather-jackets-leather-fashion.com/index.php?main_page=popup_image&pID=9" target="_blank"><img src="images/medium/FOLDER_NAME/002_MED.jpg" alt="High-Neck Leather Jacket - 002" title=" High-Neck Leather Jacket - 002 " /><br /><span class="imgLink">larger image</span></a> [B] </noscript>[/B] </div><!--eof Main Product Image--> <!--bof Additional Product Images --> <div id="productAdditionalImages"> <div class="additionalImages centeredContent back" style="width:25%;"> <script language="javascript" type="text/javascript"> <!-- document.write('<a href="bmz_cache/4/49744121e52c7d8d3fcdd0ac7c72cf72.image.661x800.jpg" rel="lightbox-g" title="High-Neck Leather Jacket - 002"><img src="images/FOLDER_NAME/002_01.jpg" alt="High-Neck Leather Jacket - 002" title=" High-Neck Leather Jacket - 002 " width="144.666666667" height="175" /><br />larger image</a>'); ``` > > Here is the code from main_product_image.php, showing that IH made the needed changes: > ``` <?php /**mod Image Handler 4.3.2 * main_product_image module * * @package templateSystem * @copyright Copyright 2005-2006 Tim Kroeger * @copyright 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 4663 2006-10-02 04:08:32Z drbyte $ * 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, '.')); //Begin Image Handler changes 1 of 2 //the next three lines are commented out for Image Handler 4 //$products_image_base = str_replace($products_image_extension, '', $products_image); //$products_image_medium = $products_image_base . IMAGE_SUFFIX_MEDIUM . $products_image_extension; //$products_image_large = $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension; $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; //End Image Handler changes 1 of 2

//Begin Image Handler changes 2 of 2 (this entire section is commented out for Image Handler 4)
// check for a medium image else use small
//if (!file_exists(DIR_WS_IMAGES . 'medium/' . $products_image_medium)) {
// $products_image_medium = DIR_WS_IMAGES . $products_image;
//} else {
// $products_image_medium = DIR_WS_IMAGES . 'medium/' . $products_image_medium;
//}
// check for a large image else use medium else use small
//if (!file_exists(DIR_WS_IMAGES . 'large/' . $products_image_large)) {
// if (!file_exists(DIR_WS_IMAGES . 'medium/' . $products_image_medium)) {
// $products_image_large = DIR_WS_IMAGES . $products_image;
// } else {
// $products_image_large = DIR_WS_IMAGES . 'medium/' . $products_image_medium;
// }
//} else {
// $products_image_large = DIR_WS_IMAGES . 'large/' . $products_image_large;
//}
//End Image Handler changes 2 of 2 (this entire section is commented out for Image Handler 4)
/*
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

> 
> So please can you tell me what went wrong, and why I have 2 different URL's showing?
> 
> Many thanks for your help,
> 
> Goshawk

DivaVocals:

Not true.. the IMAGE HOVER feature of Image Handler doesn't work on the medium images displayed on the product information page.. Otherwise image Handler manages ALL product and category images..

Tells me that you uploaded your main product image (the "medium image") to a folder called "/images/medium/Jenny/": http://leather-jackets-leather-fashion.com/images/medium/Jenny/002_MED.jpg. Your other images on the other hand are located in a folder called "/images/Jenny/": http://leather-jackets-leather-fashion.com/images/Jenny/002_01.jpg.

Your medium image gives one a 403 error (which is why it doesn't display). 403 error aside, the first thing that stands out for me is that there is NO REASON for you to put images in the "medium" or "large" image folders, nor is there any reason to name your files as you have done with the "_MED" appended to the file name. In fact you should NOT use these folders or naming conventions at all..

As stated frequently in this support thread and in the IH4 readme instructions, you DO NOT (SHOULD NOT) need to upload specific small, medium, or large images at all.. You do not need to upload images to the "medium" or "large" image folders, nor do you need to append "_MED" or "_LRG" ro your file names.. Upload your LARGEST IMAGE and IH4 will generate optimized small, medium, and large images for you. So I would start with removing the images in the "/images/medium/Jenny/" folder and edit the product to make sure the largest main product image is in the "/images/Jenny/" folder.

Secondly because of the way ZEN CART magaes additional images, you are going to need to change your image names from what I assume is the default manufacturers image names. Your images names should NOT contain ANY numbers otherwise you will find that eventually images that belong to one product will appear on other products as well..

I stand corrected. I obviously did a less than thorough review of the situation. Keep up the good work.

Hi Everyone...

I seem to be having an issue. I have installed the Image Handler 4 and I am now getting Page Not Found when I ad product to cart. Any ideas? I believe I installed everything correctly as I have installed this thing about million times before on other sites, but there seems to be a problem here, not sure what needs to be checked. Thanks.

amandavz:

Hi Everyone...

I seem to be having an issue. I have installed the Image Handler 4 and I am now getting Page Not Found when I ad product to cart. Any ideas? I believe I installed everything correctly as I have installed this thing about million times before on other sites, but there seems to be a problem here, not sure what needs to be checked. Thanks.

I have run across this in only one situation, it had to do with the dimensions of the image. On my site I have to have the maximum dimension in either height or width less than 1024. When I had run across this, if I added the picture I would get a page not found response in admin. If the image appeared on the main page, I would receive the same. If the image was not on either of those, then things would work, but as soon as I selected an option that was to display the image, then it would fail out again and I would have to back up to a previously functional screen.

Ultimately I think I had to go into mySQLadmin and remove the picture reference so that things would function again. Then I downsized the picture(s) and uploaded again without issue.

mc12345678:

I have run across this in only one situation, it had to do with the dimensions of the image. On my site I have to have the maximum dimension in either height or width less than 1024. When I had run across this, if I added the picture I would get a page not found response in admin. If the image appeared on the main page, I would receive the same. If the image was not on either of those, then things would work, but as soon as I selected an option that was to display the image, then it would fail out again and I would have to back up to a previously functional screen.

Ultimately I think I had to go into mySQLadmin and remove the picture reference so that things would function again. Then I downsized the picture(s) and uploaded again without issue.

Well...my images are set to 150x150, 400x400, and 550x550. I don't seem to be having any issues in the back end of this, just the front. When I add product to cart, it takes me to the page not found.

I did go through my FTP and saw that it had files missing from the install, so I loaded them and am still having the same issue. Not sure what to do now.

amandavz:

Well...my images are set to 150x150, 400x400, and 550x550. I don't seem to be having any issues in the back end of this, just the front. When I add product to cart, it takes me to the page not found.

I did go through my FTP and saw that it had files missing from the install, so I loaded them and am still having the same issue. Not sure what to do now.

and what makes you think that this is an issue cause by IH4?? IH4 would NOT affect the shopping cart behavior you describe (otherwise many others would report the SAME issue).. What other modules have you installed?? If you roll back your install to a pre-IH4 state do you still have the same problem??

Also a link to your site would be quite helpful.. (as suggested on page 1 of this support thread and in the readme file..)

Tips for posting IH4 support requests..

DivaVocals:

BEFORE YOU POST A SUPPORT QUESTION HERE READ THROUGH THIS SECTION (this is from the Image Handler readme file):
**
Troubleshooting Basics **
Make sure your custom template is active. (Admin > Tools > Template Selection)

Make sure Image Handler 4 is installed. Admin > Tools > Image Handler4 > Admin Tools. Set permissions in both your images and bmz_cache folders to 755 (eg: **both **of these folders need to have the same permissions).

If Image Handler 4 does not work or gives you errors:

• Make sure all files are in correct location

• Make sure you uploaded ALL the Image Handler 4 files

• Make sure the files are not corrupt from bad FTP transfers

• Make sure your file merge edits are correct

• MAKE SURE YOU RE-READ THE CONFIGURATION AND USAGE SECTIONS!!!

• Make sure that there are no javascript conflicts from other programs

• Make sure that your main product image files names DO NOT contain any special characters

 ie: non-alphanumeric characters such as
 / \ : ! @ # $ % ^ < > , [ ] { } & * ( ) + =  
 
 Always use proper filenaming practices when naming your images - See this      document as a reference: [\http://www.records.ncdcr.gov/erecords/filenaming\_20080508\_final.pdf\\\[/COLOR\]](http://www.records.ncdcr.gov/erecords/filenaming_20080508_final.pdf) 

When posting bugs/issues about Image Handler 4, it's a WHOLE LOT more helpful to resolve them if you post details. Just saying "it's broken" or "doesn't work" does not provide nearly enough information to help YOU resolve YOUR issue.

Please provide as MUCH information as possible including:

• The version of Zen Cart you are running

• The version of Image Handler 4 you are running (you can see this by going to “Admin > Tools > Image Handler4” – the version is displayed in the upper left hand side)

• Any other add-ons you may have also installed

• Hosting/server information (PHP versions, mySQL versions, hosting provider etc)

• The EXACT error/issue you are experiencing

• AND if you're REALLY detail oriented, tell us the install sequence/method you used to install Image Handler 4.

• Post a link (not a screen print) to a specific product/product listing page where the issue you are experiencing can be seen (Please DO NOT make folks fish through your site looking for an example of your issue)

AND this last point is important.. The volunteers who help here need to SEE what you see LIVE. A screenprint really isn’t good enough.

And a (gentle) reminder about [COLOR=red]FREE forum support:
This is ain’t Microsoft folks!
(a frequently used analogy by some to compare open source projects to commercial projects)

Like other open source projects, this support forum is manned by VOLUNTEERS (ie: unpaid folks). They are not OBLIGATED to assist here, but they do so because they WANT to. They give of their time here when their individual schedules permit. Usually the response is pretty quick 'round these parts, but when it’s not or your question has gone unanswered this may mean one of a few things:

• NO ONE has an answer to your question/issue.

(Some folks will only respond when they have something MEANINGFUL to say versus a blanket “I don’t know how to do that” kind of answer.)

• Folks are just busy and will answer if/when they can..

(family and other personal obligations, day jobs, paid jobs, etc will usually trump forum participation – this is to be expected – after all it’s unrealistic to expect that folks are sitting around this forum all day and night waiting to answer questions)

• Your question got missed. (and while I’m on this point) Your post MIGHT have been missed if your post is now a FEW pages back (like more than TWO or more pages) with no response.. Missed does NOT mean “it’s been an hour and no one responded to my question, so let me 'bump' the thread by re-posting my question again”

Anyway.. carry on.. Enjoy the new version..