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

I have installed IH 4 on the Glascow_Neat template and ZC 1.5.1. The template is only for the Catalog and not the admin side. I have everything on the admin side and actually can add additional images etc and it shows in the image handler manager, so the admin side I am going to assume is working properly. From the catalog the only image is the original image, can someone guide me to what changes I have to make, that the installer did not? I am fairly confident that it has to do with files not being placed into my Glascow_Neat template, I am just not sure which files are needed and where.

I just went through my whole site, and all files that are needed from the IH Package are all exactly where they are supposed to be, so now I am a bit more confused if that is possible. I actually, just in case it was an installer issue, used WinMerge on my old files with the ones from the Install package, and uploaded those, no changes. So now I am really stumped. I am experienced at merging code, and installing plug ins on sites, so I do not believe that is an issue.

The only thing that was off on the install was that the following files did not exist at all on my site and they were ones that were in the to be altered list. (they do exist now though)

/includes/modules/YOUR_TEMPLATE/additional_images.php
/includes/modules/YOUR_TEMPLATE/main_product_image.php
/includes/templates/YOUR_TEMPLATE/popup_image_additional/tpl_main_page.php

The message at the top of the admin page never happened either, however I can not be absolutely positive on that one, because apparently I had timed out and had to log back in when I clicked on the anylink part.

The Images are not enlarging on my site at.

http://www.rarecoinsandtokens.co.uk/index.php?main_page=product_info&cPath=81_89_100_109&products_id=618

The version of Zen Cart Zen Cart 1.5.0
Database Patch Level: 1.5.0
v1.5.0 [2014-12-28 15:30:33] (Version Update 1.3.9->1.5.0)
v1.3.9f [2010-09-01 18:01:05] (Fresh Installation)

· The version of Image Handler 4 Version: 4.3.2
Image Handler⁴

Other add-ons you may have also installed
ckeditor

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

PHP Version: 5.4.28 (Zend: 2.4.0)
Database: MySQL 5.5.40-cll

· The EXACT error/issue you are experiencing

Enlarge image function does not work.
Images are displayed in small image size.

install sequence/method you used to install Image Handler 4.

Installed ZC 1.5 in subfolder.
Tested and operated correctly.

Moved files to main html directory and images not resizing.
Installed IH4 by copying all source files to correct folder tree position.
Message retrieved from Zen Cart
“Image Handler files all exist in correct positions in the directory structure.
and
Image Handler has been successfully installed”

These are the settings in Configuration – Images-

A typical page can be seen here
http://www.rarecoinsandtokens.co.uk/index.php?main_page=product_info&cPath=81_89_100_109&products_id=618

Image Handler for the above product reports as follows.

I am quite stuck now, since IH4 seems to be installed, but not communicating with the default Zen Cart files.
I have looked through the forum, but cannot find a relevant post, since I am not getting an error message as such.

One curious feature is that the file header_php_IH4.php in
/public_html/includes/modules/pages/popup_image_additional
renames to: header_php.phpIH_1419950695.OLD.IH4
which I do not understand.

Any help would be very much appreciated.

I checked out the page you linked to, and that product page is not using image handler to resize the image - the image on the page is still the image in the images directory - and it is quite large. The same is true on your product list pages.

The zoom function works for me, but the page that comes up shows the image at 150x75 because the image tag has that width and height set for the image.

Did you look through the "help" information on the ImageHandler4 admin page under the tools menu in your admin? This may have some helpful information. I suspect that some file (or files) on the public pages isn't installed correctly.

Thank you for the reply.
I have overwritten the source files from the zip several times now.

"that product page is not using image handler to resize the image"
...hence my post

"function works for me, but the page that comes up shows the image at 150x75"
...yes, the popup pops up, but no larger than the small image, hence my post.

"because the image tag has that width and height set for the image."
...is that why it is small even when 'enlarged'? If it is that simple, where should I set the image size so that just the enlargement is large?

"Did you look through the "help" information on the ImageHandler4 admin page"
.,..yes, it says "You can simply upload just one large image (that gets resized as required) or you can have different sources for medium and large images."

..which "simply upload just one large image" is what has been done.
This has never been a problem before. It wasn't a problem with 1.3.9, it wasn't a problem on my local wamp server.

Thanks for the suggestions.

kevin_a:

Thank you for the reply.
..which "simply upload just one large image" is what has been done.
This has never been a problem before. It wasn't a problem with 1.3.9, it wasn't a problem on my local wamp server.

Yes, it should be that simple, and it was on my 1.5.1 installs. If it is working on your local WAMP machine, but not on your (I'm guessing) WAMP web server, have you diff'ed the product files to see if you can see a difference there? Are you using the same template on both servers?

Another thing I noticed there is that you are giving us full paths on your local drive (file:///C:) when you refer to what is shown on the image handler admin. Those files aren't accessible to web users - at least not at that address. This particular piece of information would appear to be taken from a copy of Zen-Cart running locally, not on a web server. Can you confirm this?

kevin_a:

Image Handler for the above product reports as follows.

Image name |
File Type |
Default size |
Medium size |
Large size |
Action |

1736 roses & plumes shilling 001 |
.JPG |
file:///C:\Users\Sup\AppData\Local\Temp\msohtml1\01\clip_image001.jpg
142x75
3.56Kb |
file:///C:\Users\Sup\AppData\Local\Temp\msohtml1\01\clip_image002.jpg
227x120
7.56Kb |
file:///C:\Users\Sup\AppData\Local\Temp\msohtml1\01\clip_image003.jpg
750x395
55.41Kb |
|

I am quite stuck now, since IH4 seems to be installed, but not communicating with the default Zen Cart files.
I have looked through the forum, but cannot find a relevant post, since I am not getting an error message as such.
Since we cannot see your site, it's hard for any of us to say what might be going on on your site.. I will make a few observations though..

• Your "File Type" is uppercase... Do any of your images have lowercase suffixes?? JPG and jpg are treated differently by Unix servers.. You should change them all to lowercase and modify the suffix settings in IH4 accordingly if this is inconsistent.
• All of your filenames are not what I would consider good/proper/best practice naming conventions for your image file names, and for use in Zen Cart in particular.
• The numbers in some of your image names can be problematic with the method Zen Cart uses to identify additional images as they could mistakenly be associated with the incorrect product.
• For example this image name "1736 roses & plumes shilling 001.JPG" might be better as "roses-n-plumes-shilling-001.jpg". Please note the removal of the ampersand (character used in programming), the elimination of spaces (different servers handle spaces differently.. not always consistently), and the use of a lowercase suffix (more common naming convention practice)

The suggestions above may not solve the issues, but they are practices you should be using anyway as they will prevent other potential issues which may impact IH4.

Suggest trying some other things to boot..

• Eliminate your template as a root cause.. Some template authors make hard coded changes which impact other modules performance. Switch to the Classic template.. Re-install IH4 so that it get's installed in the Classic template folders. Does the problem persist??
• Check with your host to make sure your GD binaries are installed correctly and working..
• Double and triple check your install to make sure you copied over EVERYTHING (yes we know you checked/reinstalled/etc.. humor me and check again please..:smile:)
• Try uploading a completely DIFFERENT image. Not one of your product images.. Download the Zen Cart logo from this site.. Upload it.. Does the problem persist?? If it doesn't the issue could be a number of things including the size of your images, or even some kind of file corruption with your image files..
• Are the files you are uploading in the file format you are specifying?? IH4 has a built in image converter which will for example allow you to upload a JPG and have IH4 convert it to a PNG.. If you are using this feature to upload say a BMP file, its POSSIBLE that the conversion corrupted the file..

If none of this gets things back in order, one last thing you can try is doing a CLEAN vanilla Zen Cart install without your data, apply your template, then install IH4.. Test and make sure it's working.. If it is, then export your DB and import/restore it into your vanilla store and test again to see if things STILL work..

After all of this, if all else fails, you may have to consider paying someone to take a look and troubleshoot this for you..

kevin_a:

One curious feature is that the file header_php_IH4.php in
/public_html/includes/modules/pages/popup_image_additional
renames to: header_php.phpIH_1419950695.OLD.IH4
which I do not understand.
As explained in the readme:

• Files with the ##########.OLD.IH4 suffice are your original files which IH4 renames and saves as a backup (once things are running smoothly you may safely delete this file)
• Files with the IH4 suffix are the IH4 installer files. They replace an equivalent file (usually an override file) of the same name with the PHP suffix instead of the IH4 suffix. (once things are running smoothly you may safely delete this file)

kevin_a:

Thank you for the reply.
I have overwritten the source files from the zip several times now.

"that product page is not using image handler to resize the image"
...hence my post

"function works for me, but the page that comes up shows the image at 150x75"
...yes, the popup pops up, but no larger than the small image, hence my post.

"because the image tag has that width and height set for the image."
...is that why it is small even when 'enlarged'? If it is that simple, where should I set the image size so that just the enlargement is large?

"Did you look through the "help" information on the ImageHandler4 admin page"
.,..yes, it says "You can simply upload just one large image (that gets resized as required) or you can have different sources for medium and large images."

..which "simply upload just one large image" is what has been done.
This has never been a problem before. It wasn't a problem with 1.3.9, it wasn't a problem on my local wamp server.

Thanks for the suggestions.

weif:

Another thing I noticed there is that you are giving us full paths on your local drive (file:///C:) when you refer to what is shown on the image handler admin. Those files aren't accessible to web users - at least not at that address. This particular piece of information would appear to be taken from a copy of Zen-Cart running locally, not on a web server. Can you confirm this?I think that was a copy/paste mistake.. I believe kevin was trying to copy images into his post..

Thank you for all the suggestions.
The fact is I would prefer to not want to need IH4.
I resorted to it when the enlarge function on the site was failing, so I thought to fix it with IH4.
Silly me.

It seems zencart works to enlarge images in its native state anyway, as it always did. That’s all I want.

I have made a fresh 1.5.3 install into a subdirectory on the server, created a product, and the enlargement works perfectly well…here..

http://rarecoinsandtokens.co.uk/zencart15/index.php

Since that is all I want to do, it seems IH4 is superfluous.

However, this new install is now proving difficult to import my backup up database into.
Why oh why is ZenCart so tortuous?

I now have the front end public area with faulty functioning,
and a subfolder copy of zencart which I cannot dump a database into.

Let me see..which nightmare shall I follow?

Sorry, but I am sick of this software. I have read endless threads of problems similar, and I really appreciate the efforts of kind users to help.
But I have now wasted days (I have read that so often in other posts)
and have turned a perfectly functioning site into a screwed up failed upgrade site.

Since I want to avoid IH4…(every add-on seems to bring another set of complications I which I can do without)….I shall divert to the subfolder 1.5.3 copy, and try to bring that to a point where it can be transferred to the root folder which means I need to start another thread in another section to solve the import database problem, and follow the journey along yet another branch of this pitiless maze.

Thanks for trying to help though.

DivaVocals:

I think that was a copy/paste mistake.. I believe kevin was trying to copy images into his post..

Yes, that was the case the actual paths were
https://enterprise.terrassl.net/~millenni/bmz_cache/6/6ffa51298509457bff2055eba844fcb7.image.50x26.JPG
https://enterprise.terrassl.net/~millenni/bmz_cache/4/44c6e1c683270cb527e1e735770f7f77.image.50x26.JPG
https://enterprise.terrassl.net/~millenni/bmz_cache/4/432b8aea1bfee9453924bd6849d2ab2d.image.50x26.JPG

kevin_a:

Thank you for all the suggestions.
The fact is I would prefer to not want to need IH4.
I resorted to it when the enlarge function on the site was failing, so I thought to fix it with IH4.
Silly me.

It seems zencart works to enlarge images in its native state anyway, as it always did. That’s all I want.

I have made a fresh 1.5.3 install into a subdirectory on the server, created a product, and the enlargement works perfectly well…here..

http://rarecoinsandtokens.co.uk/zencart15/index.php

Since that is all I want to do, it seems IH4 is superfluous.

IH4 is hardly superfluous. It provides a rather useful purpose and that is to optimize images (thereby improving site performance) in addition it adds features which aid in facilitating the process of managing and uploading product images.. Now if you don't want these features, then that is a personal choice, but superfluous implies the module serves no useful purpose, and I wanted to clear that up..

That said it now sounds like you had a pre-existing issue with the image enlarge function. Sounds like you thought IH4 would fix this issue.. IH4 would NOT have fixed this as IH4 doesn't modify Zen Cart's native image management or the behavior of native functions.. (Doesn't modify the image enlargement function AT ALL) IH4 instead ADDS additional features which only work when the native functions are behaving as they should.

I did not mean to suggest that IH4 was globally superfluous, but that in my case it was, and perhaps should had added "to me", although I thought that was implied in
"Since that is all I want to do, it seems IH4 is superfluous."

Given your observations, it would indeed appear that the issue is higher up the structure, outside IH4, but I cant imagine where I would begin to look for that.:-), so decline to follow that branch.
With my fresh install of 1.5.3, I am now engaged with upgrading the database using buggy software which itself needs patching in files that dont even appear in my folders.
But that's another story.

Thanks again for prompt responses. All appreciated.

Image hover and resize issue:
ZC v1.5.4
IH v4.3.2
All install went through with no problems, image loaded with all the resize with no problems. But when trying to view it on the product page, the hover zoom doest not happen and clicking on the image does not bring up the large(original) image. Any suggestions is greatly appreciated.

link here : https://www.waterbabiesbikini.com/zen-new/index.php?main_page=product_info&cPath=1&products_id=1

michaelchu:

Image hover and resize issue:
ZC v1.5.4
IH v4.3.2
All install went through with no problems, image loaded with all the resize with no problems. But when trying to view it on the product page, the hover zoom doest not happen and clicking on the image does not bring up the large(original) image. Any suggestions is greatly appreciated.

link here : https://www.waterbabiesbikini.com/zen-new/index.php?main_page=product_info&cPath=1&products_id=1

This would appear to be a very common problem, I have searched and reviewed quite a few threads with this common issue but have not found any solution yet. I have verified the IH installation and each of the effected php files. I must be missing something.

michaelchu:

This would appear to be a very common problem, I have searched and reviewed quite a few threads with this common issue but have not found any solution yet. I have verified the IH installation and each of the effected php files. I must be missing something.

Not common at all unless IH4 is not installed correctly or if your server is configured using old configuration specifications and therefore blocks the auto installer.. Post your image settings (ALL of them not just the IH image settings).. Can't help by guessing.. need more details.. Do you have any other image mods installed?? a lightbox perhaps???

You should know that IH4 has not been yet updated for the current version of Zen Cart.. The yet unreleased updated version is on my GitHub repo (link posted here a page or two back). Doubtful that this is a version incompatibility issue though.. But wanted to throw that out there..

BTW, the image hover only works on the small images.. It doesn't apply to the image on the products info page (as is explained in the readme and in this support thread)

The image hover is functioning correctly. The issue is the zoom function. The product image is displayed with the option of click to zoom to bring up the large picture, the pop up window size is calculated from a call to the image height and width, but instead of calling the dimensions of the larger image, the smallest is picked up. So the end result is a tiny window displaying the small image when the user click on the product image to enlarge. Granted you can resize the pop up window and make the image bigger but i think everyone would agree that is counter intuitive.

i fudged the code here to get the popup window/image sized correctly:
/includes/modules/pages/popup_image/jscript_main.php
/includes/modules/pages/popup_image_additional/jscript_main.php

original code
imgHeight = document.images[0].height+20-i;
imgWidth = document.images[0].width+20;

new code
imgHeight = document.images[0].height+810-i;
imgWidth = document.images[0].width+590;

michaelchu:

The image hover is functioning correctly. The issue is the zoom function. The product image is displayed with the option of click to zoom to bring up the large picture, the pop up window size is calculated from a call to the image height and width, but instead of calling the dimensions of the larger image, the smallest is picked up. So the end result is a tiny window displaying the small image when the user click on the product image to enlarge. Granted you can resize the pop up window and make the image bigger but i think everyone would agree that is counter intuitive.

i fudged the code here to get the popup window/image sized correctly:
/includes/modules/pages/popup_image/jscript_main.php
/includes/modules/pages/popup_image_additional/jscript_main.php

original code
imgHeight = document.images[0].height+20-i;
imgWidth = document.images[0].width+20;

new code
imgHeight = document.images[0].height+810-i;
imgWidth = document.images[0].width+590;

Right and while this solves YOUR resizing issue, this is not a reproducible condition in a clean Zen Cart install with IH4 installed. This is not a fix that will be incorporated into IH4, because it cannot be consistently reproduced, and I'm not suggesting that anyone else implement this change either...

IH4 is NOT working on your site.. None of your product and category images are being served from the bmz_image cache folder.. This is a telling sign that IH4 is not configured/installed/running correctly..

DivaVocals:

Right and while this solves YOUR resizing issue, this is not a reproducible condition in a clean Zen Cart install with IH4 installed. This is not a fix that will be incorporated into IH4, because it cannot be consistently reproduced, and I'm not suggesting that anyone else implement this change either...

IH4 is NOT working on your site.. None of your product and category images are being served from the bmz_image cache folder.. This is a telling sign that IH4 is not configured/installed/running correctly..

There needs to be a LOT more information provided to determine why your site is not handling the larger images correctly..

Here is the list of what has been installed in the order it was installed:
ZC v1.5.4 clean install, empty database
Responsive All Business template v1.0 for ZC v1.5.x from Picaflor
FedEx Web services by Numinix
IH v4.3.2

Here is the list of image config:
mall Image Width 60
Small Image Height 100
Heading Image Width - Admin 57
Heading Image Height - Admin 40
Subcategory Image Width 60
Subcategory Image Height 100
Calculate Image Size true
Image Required true
Image - Shopping Cart Status 1
Image - Shopping Cart Width 100
Image - Shopping Cart Height 200
Category Icon Image Width - Product Info Pages 300
Category Icon Image Height - Product Info Pages 300
Top Subcategory Image Width 150
Top Subcategory Image Height 85
Product Info - Image Width 300
Product Info - Image Height 300
Product Info - Image Medium Suffix _MED
Product Info - Image Large Suffix _LRG
Product Info - Number of Additional Images per Row 3
Image - Product Listing Width 60
Image - Product Listing Height 100
Image - Product New Listing Width 60
Image - Product New Listing Height 100
Image - New Products Width 60
Image - New Products Height 100
Image - Featured Products Width 60
Image - Featured Products Height 100
Image - Product All Listing Width 60
Image - Product All Listing Height 100
Product Image - No Image Status 1
Product Image - No Image picture no_picture.gif
Image - Use Proportional Images on Products and Categories 1
IH resize images yes
IH small images filetype no_change
IH small images background 255:255:255
IH small images compression quality 85
IH small images watermark no
IH small images zoom on hover yes
IH small images zoom on hover size Medium
IH medium images filetype no_change
IH medium images background 255:255:255
IH medium images compression quality 85
IH medium images watermark no
IH large images filetype no_change
IH large images background 255:255:255
IH large images compression quality 85
IH large images watermark no
IH large images maximum width
IH large images maximum height
IH watermark gravity Center

I am not certain as to how you determined that the images are not served from bmz_image. I only uploaded 2 product pictures via IH, both were resized by IH and placed in the correct places. If you are correct and IH is not working and the images are not from bmz_image, then what else would automatically resize the 2 images I uploaded using IH and place them in the correct locations?:unsure:

Here is a screen shot of IH and the resized pics, let me know if you need any other info to trouble shoot:

michaelchu:

Here is the list of what has been installed in the order it was installed:
ZC v1.5.4 clean install, empty database
Responsive All Business template v1.0 for ZC v1.5.x from Picaflor
FedEx Web services by Numinix
IH v4.3.2

Here is the list of image config:
mall Image Width 60
Small Image Height 100
Heading Image Width - Admin 57
Heading Image Height - Admin 40
Subcategory Image Width 60
Subcategory Image Height 100
Calculate Image Size true
Image Required true
Image - Shopping Cart Status 1
Image - Shopping Cart Width 100
Image - Shopping Cart Height 200
Category Icon Image Width - Product Info Pages 300
Category Icon Image Height - Product Info Pages 300
Top Subcategory Image Width 150
Top Subcategory Image Height 85
Product Info - Image Width 300
Product Info - Image Height 300
Product Info - Image Medium Suffix _MED
Product Info - Image Large Suffix _LRG
Product Info - Number of Additional Images per Row 3
Image - Product Listing Width 60
Image - Product Listing Height 100
Image - Product New Listing Width 60
Image - Product New Listing Height 100
Image - New Products Width 60
Image - New Products Height 100
Image - Featured Products Width 60
Image - Featured Products Height 100
Image - Product All Listing Width 60
Image - Product All Listing Height 100
Product Image - No Image Status 1
Product Image - No Image picture no_picture.gif
Image - Use Proportional Images on Products and Categories 1
IH resize images yes
IH small images filetype no_change
IH small images background 255:255:255
IH small images compression quality 85
IH small images watermark no
IH small images zoom on hover yes
IH small images zoom on hover size Medium
IH medium images filetype no_change
IH medium images background 255:255:255
IH medium images compression quality 85
IH medium images watermark no
IH large images filetype no_change
IH large images background 255:255:255
IH large images compression quality 85
IH large images watermark no
IH large images maximum width
IH large images maximum height
IH watermark gravity Center

I am not certain as to how you determined that the images are not served from bmz_image. I only uploaded 2 product pictures via IH, both were resized by IH and placed in the correct places. If you are correct and IH is not working and the images are not from bmz_image, then what else would automatically resize the 2 images I uploaded using IH and place them in the correct locations?:unsure:

Here is a screen shot of IH and the resized pics, let me know if you need any other info to trouble shoot:Your small and medium images appear to be coming from the bmz_cache folder.. If you right click on the product image on the product page you posted, this is the image URL: https://www.waterbabiesbikini.com/zen-new/bmz_cache/e/ee7b3ccc13085cf6b41587eec4152191.image.199x300.jpg. The small image URL is: https://www.waterbabiesbikini.com/zen-new/bmz_cache/e/ee7b3ccc13085cf6b41587eec4152191.image.60x90.jpg

The large product image is not coming from the bmz_cache folder at all.. Click on the "larger image" link, and right click on the image in the popup window.. This is the URL of the image: https://www.waterbabiesbikini.com/zen-new/images/custom/RGT_custom%20bikini.jpg. Note that this image is NOT being served from the bmz_cache folder.. and this is because you have NOTHING in the large image settings.. (I JUST tested this use case and confirmed that this is what will happen if you have no values in EITHER the large height or width)

Now this doesn't resolve the original issue you had with the large image popup, and it's not an issue I can replicate.. It's also not something that's been noted as a known issue at all.. I am unable to say what the cause MIGHT be as it seems to be part of your specific setup...

DivaVocals:

Your small and medium images appear to be coming from the bmz_cache folder.. If you right click on the product image on the product page you posted, this is the image URL: https://www.waterbabiesbikini.com/zen-new/bmz_cache/e/ee7b3ccc13085cf6b41587eec4152191.image.199x300.jpg. The small image URL is: https://www.waterbabiesbikini.com/zen-new/bmz_cache/e/ee7b3ccc13085cf6b41587eec4152191.image.60x90.jpg

The large product image is not coming from the bmz_cache folder at all.. Click on the "larger image" link, and right click on the image in the popup window.. This is the URL of the image: https://www.waterbabiesbikini.com/zen-new/images/custom/RGT_custom%20bikini.jpg. Note that this image is NOT being served from the bmz_cache folder.. and this is because you have NOTHING in the large image settings.. (I JUST tested this use case and confirmed that this is what will happen if you have no values in EITHER the large height or width)

Now this doesn't resolve the original issue you had with the large image popup, and it's not an issue I can replicate.. It's also not something that's been noted as a known issue at all.. I am unable to say what the cause MIGHT be as it seems to be part of your specific setup...
Need to add this:
"NOT being served from the bmz_cache folder" = your large images are NOT optimized NOR are they resized by IH4.. IH4 needs the image dimensions so that it can pass the image parameters to GD so that the image can be processed.. You will be able to use the IH4 admin tools to upload images, but your large images will NOT be optimized.. IH4/Zen Cart will instead serve up the original un-processed large image..