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

hareslade:

dinki

I'm out of my depth slightly, but presumably if a specific admin image is watermarked, the cart side ought to be accessing exactly the same cached image.

Have a good look at the url/src being called for the cart image(s), are they /bmz_cache/... or /image/... and compare the filename accurately with what's in the cache. Either use page source or properties..

It needs appliance of logic..

Perfect, a place to start. Here's what I've found. On the catalog side, I picked a product and looked at the properties after I clicked on the image for the large view. Here's what I see:

http://www.decaldepot.net/images/decals/funnysayings/sillyboys2.gif

As you can see, it is not looking in the bmz_cache for some reason. Now when I look at the same product under IH2 in admin I get this:

Thumbnail which shows the watermark (It's very small)
http://www.decaldepot.net/bmz_cache/1/103511276da8295d50f7d7614b6e41d0.image.44x40.gif

but when I click on the thumbnail to see it larger in IH2 I do see it larger but it displays without the watermark:

http://www.decaldepot.net/bmz_cache/2/22beff5604da12bf0798ffadd50fc058.image.243x220.gif

Note that this image is coming from the bmz_cache where the catalog side is not.

So it seems things are really screwy and I have no idea how it's gotten this way. Anyone have any ideas on how to remedy this? I've tried IH2->Admin- Remove Image Handler and then doing a 'reinstall' via the IH2 inteface as well as a Clear image cache but the results are the same. Should I try uninstalling, reuploading the files, and then reinstalling? This is really strange...

The only other thing that I can think of that may have caused this is that I moved my catalog from decaldepot.net/zencart to decaldepot.net/

Again, thanks for the help.

dinky did you try uploading a bigger image than the the product image default size? No use my replying if you don't try things out.. try 300 by 300 pixels..

... why would IH2 cache an image, if the size of the one asked for by the cart, is equal to, or MORE than, the available original image's size? IH2 ONLY does downsizing, not upsizing. IH2 don't make images bigger, only smaller.

Thats why you get a bmz cached tiny image in admin.. required size is smaller than original image.. but NOT SO in cart side, I think the image called is the original because your original is not too big to use. Therefore no cached image.

My reading of this is, that the zoom image is always the /images original. The rest of the images may (or may not) be supplied as cached, depending on the resizing ideas above.

I am uncertain as to what you are telling me to change. The image in /images/ is 354x320 but the same image viewed in /bmz_cache/ is 243x220 so the image is being resized. What's really strange is that my large image max width is 750 and height is set to 550. I would think that it wouldn't resize it at all..

I tried changing to max 300x300 and I get the same results (ie no watermarking)

Problem solved. I removed IH2, removed the bmz_cache directory, reuploaded and then reinstalled. Thanks for the help

I just changed my small image (and all the product listing image) sizes from 100 x 80 to 200 x 180. Now since the small images were rendered before how do I get the Image Handler to resize all the small images for me to the new size?

I have Image Handler GD Bundled version 2.0.28.

clear the image cache

Website Rob:

Something else that is odd. If you check this URL Main page - Product 3, you'll note that you do not get the mouseover image 'unless' you mouseover the + sign - bottom-right corner of image. Every site I've seen so far, using IH2, has popup image appear whenever you mouseover any part of the image.

That's another feature of the mod. You can find it under "configuration", "images":
IH small image hotzone
"Set to 'yes', if you want the nice zoom overlay to appear while hovering the mouse pointer over the small images' hotzone only instead of the whole image. The hotzone will be defined by the uploaded zoom overlay image and it's position relative to the image (gravity)."

I've used the watermarking before on some sites. :smartass:

I just wanted to post a reply to my own question. If you want to resize your small images then view this post: http://www.zen-cart.com/forum/showthread.php?t=32048&highlight=image+handler+resize

A user, Equin, has a simple solution... just download all the original images from the images/original folder, then resize them using the program XnView to the desired size and then reupload them to the images folder. And it's as simple as that!

jettrue:

That's another feature of the mod. You can find it under "configuration", "images":
IH small image hotzone
"Set to 'yes', if you want the nice zoom overlay to appear while hovering the mouse pointer over the small images' hotzone only instead of the whole image. The hotzone will be defined by the uploaded zoom overlay image and it's position relative to the image (gravity)."

I've used the watermarking before on some sites. :smartass:
Thank you Mr. Jade!

I do not recall seeing any mention in the IH2 Documentation, about looking under
Configuration > Images
and regarding settings for IH2. You solved the mystery for me of how to get Watermarking working.

Problem was self-created though, as there is reference in the "Readme" file about going to the IH2 site for online documentation -- which does mention options and Watermarking -- but I had never done that for some reason. :blush:

I'm not sure if this has been asked or answered before, but I did try a search without any results.

What I'm looking to do is add some text to each additional image. Say I have 4 color shirts, one is red and one is clay. I need to be able to allow customers to distinguish between the two. If this isnt possible, (for you coders) how hard would it be to add a function that displays the image filename minus the extention. That way I could just name the file the color and it would work that way. Well awesome add-on and thanks for creating it.

I think it would be best to mention the color within the image as well as in the file name. You would need an image program that allows one to insert text and/or resize the image a bit bigger at the bottom and insert color text there.

Id like some help with this if possible. I have been playing around with zen cart for a potential future project. I like the image handler contrib. However, out of the box it doesn't seem to be working. This is a fresh install of zen cart, with no other contribs added to it. The zoom feature does not work, and the large image is not large, it's staying the thumbnail size. Also, how do I control the image size on the product info page? It seems if i change the small image width it changes the size in the side bar too.
Test site is here. Thanks,
Josh
http://2210media.com/zen_test/

Website Rob:

I think it would be best to mention the color within the image as well as in the file name. You would need an image program that allows one to insert text and/or resize the image a bit bigger at the bottom and insert color text there.

not a bad idea, but doing this for over 500 products and probably 1000 images would take a little bit to do..:cry:

styleboy:

I'm not sure if this has been asked or answered before, but I did try a search without any results.

What I'm looking to do is add some text to each additional image. Say I have 4 color shirts, one is red and one is clay. I need to be able to allow customers to distinguish between the two. If this isnt possible, (for you coders) how hard would it be to add a function that displays the image filename minus the extention. That way I could just name the file the color and it would work that way. Well awesome add-on and thanks for creating it.

If you use product attributes for your colours you can upload an image for each option and display the name of the attribute as a caption to the image.

This is a default behaviour of Zen-cart which I extended in recent weeks with a Mod (posted on this list) to provide pop-ups of each image too.

For a working example see: http://www.vitaoptical.co.uk/

HTH

ColinR

Hi!
I am in the midst of the proccess of migrating my old version of zen (1.2.6) to 1.3.6.

My problem is that after installing a couple of mods (including IH2) my main page wont display properly in IE..what I see is: featured products are being displayed in a snake like fashion, and there is an error on the page.

check it out here https://www.hbsavings.com/zen using IE you may need to hover over the images to get the error message which will display on the bottom left of your IE browser frame (site is not live)

Whats the error message? The only error I ever had on mouse hovering over images was related to a missing css file required to be inside the template css folder, I think it was called Style_imagehover.css , here is a link to my one, and I have used it on most of my sites, the same file

http://www.spottedhaggis.com/style_imagehover.css

The other alignment thing, I had that as well, it was all in the css file, padding, margins etc.

Do what I did, thanks to this forum, get firefox, install the firebug addon, and open the page in firefox, hit F12 and check uot the codes, it will all make far greater sense then.

UPDATE: I just looked at the site using FF and it loks just fine, layout is as it should be, so I guess the CSS for the template your using was designed with FF in mind more than IE, so your going to need to fiddle with the CSS.

I do hope all my learning has not made me offer useless advice on this, but I had the same, asked the same questions and fixed it.

Hey, thanks for the speedy response.
the following is the error message:
Line: 25
Char: 7
error "pageY" is null or not an object
Code:0
URL:htpp://hbsavings.com/zen

I have no clue what that means.

Yea I know, Firefox works like a charm. Most people use IE which means that priority #1 should be to get it to work on IE

That error is def the css file your missing. If the link did not work, look in some of your other template css files for the style_imagehover.css and put it into the css folder within your template, that should fix the error message.

The alignment issue is a real pain but its all in the CSS. Currently your watches are using 25% each, I would look into the css, it wont have a figure since you told the system to display 4 items per row, so add a figure into it, say 20% and see what it does.

I am no expert at all, I simply try something, upload the changed css file, refresh the page and see what it did, that way I learn a load about it at the same time.

thats not a css file issue.. thats a javascript issue.

please download the patched version from the ZC downloads center.. the one off of Tim's site (breakmyzencart) is an unpatched version. The fix can be found on the forums there but for convenience i patched it for everyone and updated the one in the ZC downloads center

Ok, let's get specific. Here is the link to the IH2 from ZC Downloads, last updated 09/16/2006. If there is another link with a newer or patched version available in the Downloads, please provide.

As to JS errors, there is a dir. called 'jscript' included with the IH2 install. I found that even when using Template overrides and uploading the 'jcript' dir. correctly, IH2 would not work unless the 'jscript' dir. was also uploaded to:
includes/templates/template_default