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

This is a great mod. It has trasformed the look of my sites and I continue to experiment with it to get the nicest looking websites.

Anyway, I have a small query. I have altered the width of my site and it is now fixed (I like doing that because it allows me to place fixed width header images, etc. with totally predictable results in any browser!!). However I don't think I got it quite right this time as the drop shadow on the right hand side doesn't quite look right (not reaching the edge of the site). Hmmm that wasn't the greatest description so perhaps looking at the site will help explain.

www dot craftonline dot biz / onlinestore. The site is still being built but you can see what I mean nevertheless!

Any ideas would be welcome and thanks again for a great mod.

Rob

Cupid:

I have looked and looked, and I can't see how to upload images. The directions that tell me to go to admin/images/logo.gif. I know where admin - configurations - images is. but I don't see a logo.gif. I know that I am missing something basic.

Thanks,
Cupid

Config-->Tools--->Image Handler

Cupid:

http://cupidstreasurebox.com/index.php?main_page=index&cPath=3

This is my store. Started.

Thanks,

Joy

Your folders are missing the jscript/jscript_imagehover.js file and also style_imagehover.css.

You can right click a store that has Image Handler installed and easily see the source code to check this out.

jmies:

Thanks. I found what was wrong. When I was setting it up, each time FTP'ed the bmz_io_conf.php file to the admin directory, my admin interface went blank. I installed it without that file, and forgot to transfer it again. I put it in the directory and that problem is solved.

I have one more small problem. In the categories/product section, the new icon wih the "i" is missing from between the copy and attribute icon. What would cause that to happen? Thanks in advance.

Possibly you need to upload the Gif file for that image to the right folder as maybe it's not in the right folder at present. Maybe you are using a custom template and haven't installed the images in it.

Worth checking out.

jymontoya:

I've got a strange IH2 issue in Safari.

The Cross sell listings zoom to the top of the page on mouseover, instead of on top of the image.

http://greenleafexhibits.com/index.php?main_page=product_info&cPath=1&products_id=1

Anyone have any idea why?

I tried the IE fix, and that fixed IE... go figure! :laugh:

But still no Safari love. Any ideas?

I'm having some very frustrating problems with Image Handler after upgrading ZenCart from 1.3.7 to 1.3.8.

I am using Image Handler 2 for v1.3.x found here:
http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=117

The problems I am having relate to proportionately sized images. I AM clearing the image cache after making config changes.

Settings:

Small Image Width 160
Small Image Height 160
Heading Image Width 57
Heading Image Height 40
Subcategory Image Width 160
Subcategory Image Height 160
Calculate Image Size true
Image Required true
Image - Shopping Cart Status 1
Image - Shopping Cart Width 80
Image - Shopping Cart Height 60
Clone Image Dir Owner false
Category Icon Image Width - Product Pages 57
Category Icon Image Height - Product Pages 40
Top Subcategory Image Width 160
Top Subcategory Image Height 160
Product - Image Width 350
Product - Image Height 263
Product - Image Medium Suffix _MED
Product - Image Large Suffix _LRG
ImageMagick path /usr/bin/
ImageMagick library path
Image - Product Listing Width 160
Image - Product Listing Height 160
Image - Product New Listing Width 160
Image - Product New Listing Height 160
Image - New Products Width 160
Image - New Products Height 160
Image - Featured Products Width 160
Image - Featured Products Height 160
Image - Product All Listing Width 160
Image - Product All Listing Height 160
Product - Number of Additional Images per Row 2
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 image filetype no_change
IH small image background 255:255:255
IH watermark small images no
IH zoom small images yes
IH small image hotzone no
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 zoom medium images no
IH medium image hotzone no
IH medium image compression quality 85
IH large image filetype no_change
IH large image background 0:0:0
IH watermark large images no
IH large image compression quality 100
IH large image maximum width 800
IH large image maximum height 600
IH watermark gravity Center
IH zoom gravity SouthEast

PROBLEMS:

1. From Config > Images > Small Image Width/Height:

"You can just set width (or height) to e.g. 100 and leave the other dimension blank (or set to 0). Now you specified a width (or height) that the image in question will be resized to. The height (or width) will be calculated according to the correct aspect ratio."

DOESN'T WORK consistently on top level categories (but works on SOME!) Instead, a value of 0 is added to the code sent to the browser, so the image is there, but it has a height of 0 so we can't see it! Also, when a dimension value is set to 0, the image is not stored in the Image Handler cache.

http://www.mimagallery.com/index.php?main_page=index&cPath=147

I don't see a difference between the images that work and the images that don't work. Can you see a pattern to the problem?

I have tried changing the Small Image Width/Height settings to various combinations 160, 160!, blank, 0, nothing helps. Anything other than what I have nw makes the situation worse.

Also, for the value:

"Image - Use Proportional Images on Products and Categories"

We want this ON---enable proportionate images. But it also says:

"NOTE: Do not use 0 height or width settings for Proportion Images"

This contradicts the Image Handler documentation, no?

2. I want to set these to:

IH large image maximum width: 864
IH large image maximum height: 864

So image will resize and show largest side at 864 and other side a proportionate value. But this does not work: Popup will then show thumbnail or nothing at all.

I have this set to 800x600 and it seems to be working OK, but client wants that extra 64 px.

3. Some (but not all!) product info images (MED) are displaying at thumbnail size:
   http://www.mimagallery.com/index.php?main_page=product_info&cPath=148_22&products_id=194

Thanks in advance for looking at my issues!

stevensmedia:

I'm having some very frustrating problems with Image Handler after upgrading ZenCart from 1.3.7 to 1.3.8.

I am using Image Handler 2 for v1.3.x found here:
http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=117

The problems I am having relate to proportionately sized images. I AM clearing the image cache after making config changes.

Settings:

Small Image Width 160
Small Image Height 160
Heading Image Width 57
Heading Image Height 40
Subcategory Image Width 160
Subcategory Image Height 160
Calculate Image Size true
Image Required true
Image - Shopping Cart Status 1
Image - Shopping Cart Width 80
Image - Shopping Cart Height 60
Clone Image Dir Owner false
Category Icon Image Width - Product Pages 57
Category Icon Image Height - Product Pages 40
Top Subcategory Image Width 160
Top Subcategory Image Height 160
Product - Image Width 350
Product - Image Height 263
Product - Image Medium Suffix _MED
Product - Image Large Suffix _LRG
ImageMagick path /usr/bin/
ImageMagick library path
Image - Product Listing Width 160
Image - Product Listing Height 160
Image - Product New Listing Width 160
Image - Product New Listing Height 160
Image - New Products Width 160
Image - New Products Height 160
Image - Featured Products Width 160
Image - Featured Products Height 160
Image - Product All Listing Width 160
Image - Product All Listing Height 160
Product - Number of Additional Images per Row 2
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 image filetype no_change
IH small image background 255:255:255
IH watermark small images no
IH zoom small images yes
IH small image hotzone no
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 zoom medium images no
IH medium image hotzone no
IH medium image compression quality 85
IH large image filetype no_change
IH large image background 0:0:0
IH watermark large images no
IH large image compression quality 100
IH large image maximum width 800
IH large image maximum height 600
IH watermark gravity Center
IH zoom gravity SouthEast

PROBLEMS:

1. From Config > Images > Small Image Width/Height:

"You can just set width (or height) to e.g. 100 and leave the other dimension blank (or set to 0). Now you specified a width (or height) that the image in question will be resized to. The height (or width) will be calculated according to the correct aspect ratio."

DOESN'T WORK consistently on top level categories (but works on SOME!) Instead, a value of 0 is added to the code sent to the browser, so the image is there, but it has a height of 0 so we can't see it! Also, when a dimension value is set to 0, the image is not stored in the Image Handler cache.

http://www.mimagallery.com/index.php?main_page=index&cPath=147

I don't see a difference between the images that work and the images that don't work. Can you see a pattern to the problem?

I have tried changing the Small Image Width/Height settings to various combinations 160, 160!, blank, 0, nothing helps. Anything other than what I have nw makes the situation worse.

Also, for the value:

"Image - Use Proportional Images on Products and Categories"

We want this ON---enable proportionate images. But it also says:

"NOTE: Do not use 0 height or width settings for Proportion Images"

This contradicts the Image Handler documentation, no?

2. I want to set these to:

IH large image maximum width: 864
IH large image maximum height: 864

So image will resize and show largest side at 864 and other side a proportionate value. But this does not work: Popup will then show thumbnail or nothing at all.

I have this set to 800x600 and it seems to be working OK, but client wants that extra 64 px.

3. Some (but not all!) product info images (MED) are displaying at thumbnail size:
   http://www.mimagallery.com/index.php?main_page=product_info&cPath=148_22&products_id=194

Thanks in advance for looking at my issues!

Did you install this as the one in the downloads area didn't have it the last time i looked. This allows the medium images to zoom as well as the small.

http://www.zen-cart.com/forum/newreply.php?do=newreply&p=712985

Can someone ensure that's in the downloads area.

This is my image settings and everything works perfectly on my site so maybe this will help you.

Small Image Width 140 Info
Small Image Height 160 Info
Heading Image Width - Admin 35 Info
Heading Image Height - Admin 20 Info
Subcategory Image Width 140 Info
Subcategory Image Height 160 Info
Calculate Image Size true Info
Image Required false
Image - Shopping Cart Status 1 Info
Image - Shopping Cart Width 140 Info
Image - Shopping Cart Height 160 Info
Category Icon Image Width - Product Info Pages 140 Info
Category Icon Image Height - Product Info Pages 160 Info
Top Subcategory Image Width 180 Info
Top Subcategory Image Height 180 Info
Product Info - Image Width 350 Info
Product Info - Image Height 400 Info
Product Info - Image Medium Suffix _MED Info
Product Info - Image Large Suffix _LRG Info
Product Info - Number of Additional Images per Row 4 Info
Image - Product Listing Width 140 Info
Image - Product Listing Height 160 Info
Image - Product New Listing Width 140 Info
Image - Product New Listing Height 160 Info
Image - New Products Width 140 Info
Image - New Products Height 160 Info
Image - Featured Products Width 140 Info
Image - Featured Products Height 160 Info
Image - Product All Listing Width 140 Info
Image - Product All Listing Height 160 Info
Product Image - No Image Status 1 Info
Product Image - No Image picture no_picture.gif Info
Image - Use Proportional Images on Products and Categories 1 Info
IH resize images yes Info
IH watermark small images no Info
IH small image filetype jpg Info
IH zoom small images yes Info
IH small image background 255:255:255 Info
IH small image hotzone no Info
IH small image compression quality 85 Info
IH watermark medium images no Info
IH zoom medium images yes Info
IH medium image hotzone no Info
IH medium image compression quality 95 Info
IH medium image filetype jpg Info
IH watermark large images no Info
IH medium image background 255:255:255 Info
IH large image compression quality 95 Info
IH large image filetype jpg Info
IH large image background 255:255:255 Info
IH large image maximum width 550 Info
IH large image maximum height 550 Info
IH watermark gravity Center Info
IH zoom gravity SouthEast Info

How do you add your images ?

I use either the catalog product pages when i am adding a new listing or when adding additional images i use the admin - tools - image handler page ( but only when adding additional images to the product )

Make sure your medium and large folders do not have images in them using your FTP program as it interferes with Image Handler 2's ability to work.

Make sure you only upload one image and make sure it's the large image and image handler will make medium and small images all proportional for you.

The link i supplied above doesn't work.

This is the proper link and for some reason the downloads section doesn't have this in the files or at least when i downloaded Image Handler it didn't so maybe it does now.

http://www.zen-cart.com/forum/showthread.php?p=517658#post517658

Thanks for your reply!

Yes, the download of Image Handler included the jscript_imagehover.js file.

Off hand, I don't know how the client is uploading images. I assume via Image Handler.

There are no files in the images/large and images/medium folders other than the images included in the Image Handler module.

The files that are uploaded are minimum 800x600.

I just clicked the Image Handler > Admin > Scan for old files link and it found around 100 or so. I am backing up the DB and images folder (which will take at least an hour) and will report back if this fixed the problems.

Ran the scan, imported old images to database... now all the problem images have disappeared from the front end completely!

The import function removed those old images from the sub-folders in /images/. I'll restore the images folder backup.

Do I need to restore the products table in the DB too? The image paths in there look OK (pointing to /images.)

I notice that the images that are problematic have an img src of /images instead of /bmz_cache. And, there is an extra slash added to the onmouseover path: ```
onmouseover="showtrail('/images/elements_v1//b...

So, Image Handler seem to be having some trouble with those older files.  Any other ideas?

None of this seems to address the other problem I have: Thumbnails are NOT proportional on top-level cat pages. They're all being resized to square and changing the value of "Top Subcategory Image Height/Width" has no effect:
<http://www.mimagallery.com/index.php?main_page=index&cPath=148>

After restoring the images folder, I ran the scan again, and all the problem images are located in a folder called /original/.

I've copied the files from /original/ into the appropriate sub-folders in /images/ and that has restored proportional thumbnails in some cases.

Other categories remain problematic:
http://www.mimagallery.com/index.php?main_page=index&cPath=148

Note that the thumbs here are coming from /images/categories/. On categories without this problem, the thumbs are coming from /bmz_cache/. Image Handler isn't handling the problematic thumbs. How do I get these properly generated by IH?

Also, I still have problems with some products where the large size image does not pop up at full size (though the source of the image is full size.)
http://www.mimagallery.com/index.php?main_page=product_info&cPath=100&products_id=1832

stevensmedia:

I've copied the files from /original/ into the appropriate sub-folders in /images/ and that has restored proportional thumbnails in some cases.

Other categories remain problematic:
http://www.mimagallery.com/index.php?main_page=index&cPath=148

Note that the thumbs here are coming from /images/categories/. On categories without this problem, the thumbs are coming from /bmz_cache/. Image Handler isn't handling the problematic thumbs. How do I get these properly generated by IH?

Also, I still have problems with some products where the large size image does not pop up at full size (though the source of the image is full size.)
http://www.mimagallery.com/index.php?main_page=product_info&cPath=100&products_id=1832

IH doesn't upsize images very well, IH will ignore images that are smaller then what you set in config-->Images.

You are uploading 1 image per product? And it is the largest image right? At least 864 x 864, the largest you want to display?

Thank you! That was key information. When I reduce the values set in Config > Images, everything works as expected with proportional sizing.

However, I don't want to define an image height. I just want to set width to 160 and have the height set in the correct aspect ratio.

From Config > Images > Small Image Width/Height:

You can just set width (or height) to e.g. 100 and leave the other dimension blank (or set to 0). Now you specified a width (or height) that the image in question will be resized to. The height (or width) will be calculated according to the correct aspect ratio."

This doesn't work since the upgrade of ZC and IH. It used to work.

If I set Small Image Width/Height to blank nothing happens. If I set it to 0, the thumbs disappear from the front end (in the code, they have a height of 0 and are thus not visible.)

Changes to Subcategory Image Height and Top Category Image Height don't seem to do anything---the image dimensions appear to be taken from the Small Image Width/Height settings.

Here's an interesting case:
http://www.mimagallery.com/index.php?main_page=index&cPath=147

The thumbnail called Tango has been resized to 31x160px. How can this be when the image settings for thumbs is 160x120? Shouldn't the max height be 120?

Hi Steven

I notice you have this in your admin and images settings.

Clone Image Dir Owner false

I don't have that in mine.

Is it possible some other module is interfering with Image Handler ?

Clone Image Dir Owner
Set to 'true', if you want newly created images and directories to be owned by the image directory's owner. (Not yet functional!)

I don't know what that's from. I have one other ZC site runnin 1.3.8a and I don't see that configuration there. I did a search through all files in the site for the string "Clone Image Dir Owner" and came up empty. In the DB, I note that was set back in 2005. From an older version of ZC?

I used to have the HTMLArea Image Manager plugin installed, then after upgrading to 1.3.8a noticed that it was included by default with the newer HTMLArea distribution (so I still have it installed, but wasn't required to do any installation steps like I had to previous to 1.3.8a.)

I know I have Info Pages and Column Layout Grid, in addition to Image Handler.

There isn't a place in the ZC Admin that I can see all installed modules, is there (like WordPress' Dashboard > Plugins?)

Additional clues:

Medium images (product info) work perfectly. I have these set to 350x350, so largest side is 350, other side is resized in correct aspect ratio.

The hover/zoom feature is inconsistent and seems to be related to this "upsize" problem. When it does work, the image in the zoom is not much larger than the thumbnail, if at all.

tophand:

You need to upload "All" of the IH files.
You are missing the one you need to have zoom/hover work.

I'm pretty sure I've uploaded all those files to the server, is it possible that those files are restricted by .htaccess files?

Do you know which folder is responsible for zooming / hovering, so i can double check?

Thanks!

burnduck:

Do you know which folder is responsible for zooming / hovering, so i can double check?
jscript_imagehover.js, usually found in includes/templates/template_default/jscript/

Please can somebody help?

The icon_image_handler.gif little pink icon only shows in the Categories / Products admin area in IE but not firefox, I only use firefox. In firefox the page will continue to try to load and all the other icons are there: edit, delete, copy, move etc. but the image handler icon is just text saying 'image handler 2' It is in the correct folder: admin/images, what is going wrong? :dontgetit

Thank you.