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

Muzz:

Are opening a new window? Just as what you mention about FF above.

Watermark doesn't work using IH2. So forget about that.

Watermarking works just fine in IH2. See example here: http://zen138.overthehillweb.com/LigulaNonRisus/LoremIpsumDolor. On this test site I have only IH2 and Fual Slimbox installed.

Don't mean to sound like a broken record, but IH2 is an easy install.

• Rename \includes\templates\YOUR_TEMPLATE to match your template's folder name
• Rename admin to match your admin folder name (if you have renamed your admin folder)
• FTP to your site
• Go to Admin > Tools > Image Handler and click on the "Install Image Handler" link

Muzz:

I suggest you look into your image sizing in the admin of your Zen Cart. Might be something astray here. Otherwise it could be a image mod problem?

Something is not working right (corrupt) or your measurement settings in admin are wrong.

admin>configuration>images

admin > Configuration > fual Slimbox

Admin> configuration > AJAX Image Swapper
etc..
:yes:I agree.. After a straight install, IH2 should just work. If there are issues, like Muzz has stated, you need to check your settings under Admin > Configuration > Images. If you have any other mods which affect images, and you have made changes to the default settings for these mods, you may also need to check those as well..

thank you for your repies, i will have a play with it tonight and let you know how i go. cheers.

Rainyplace:

thank you for your repies, i will have a play with it tonight and let you know how i go. cheers.Also see the troubleshooting section in the IH2 readme.. It covers some suggestions for the default image settings..

Still puzzling over IH2 behaviors. I have found, through trial and error, that the Zen Cart Admin control, "IH Resize Images" is also responsible for toggling the Watermark feature on and off.

F'rinstance, if you set IH Resize Images to "no," the Watermarking feature stops working.

Unfortunately, the IH Resize Images switch also seems to control the sharpness of the images. With IH Resize Images set to "no," overall sharpness is excellent. With IH Resize Images set to "yes," all images regardless of size are noticeably unsharp.

Please, don't reply with advice on how to resize images. I've been retouching digital image files professionally for many years: it's not the original files, which are plenty sharp in any context OTHER than being controlled by IH2.

Any ideas on how to maximize sharpness? I'm beginning to think I have to go back to manually resizing the JPG's in Photoshop and outputting to Zen Cart folders individually.

pixelwrangler:

Still puzzling over IH2 behaviors. I have found, through trial and error, that the Zen Cart Admin control, "IH Resize Images" is also responsible for toggling the Watermark feature on and off.

F'rinstance, if you set IH Resize Images to "no," the Watermarking feature stops working.

Unfortunately, the IH Resize Images switch also seems to control the sharpness of the images. With IH Resize Images set to "no," overall sharpness is excellent. With IH Resize Images set to "yes," all images regardless of size are noticeably unsharp.

Please, don't reply with advice on how to resize images. I've been retouching digital image files professionally for many years: it's not the original files, which are plenty sharp in any context OTHER than being controlled by IH2. I don't have an issues with clarity or sharpness.. Don't know if that helps.. but that's my three cents..

Any ideas on how to maximize sharpness? I'm beginning to think I have to go back to manually resizing the JPG's in Photoshop and outputting to Zen Cart folders individually.Without a link to get a better reference on what you are seeing, and without knowing the rest of your image settings it's hard to give an answer, but I will offer up this suggestion.

In general the maximum size I use for product images is 800x800. So I re-size all my product images based on this maximum dimension. I upload these images and let Image Handler take care of resizing everything else (ie: small and medium images) which it does based on my image settings...

Hi All

I installed image handler 2 for my 1.38a zencart, appearately every thing works find except when i turn on the watermarking for large image. no image is displayed in the popup window. below is my popwindow content and my configuration, any help is appreciated .

<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/style_imagehover.css" /> <link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet.css" /> <link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet_css_buttons.css" /> <script type="text/javascript" src="includes/templates/classic/jscript/jscript_imagehover.js"></script> <script language="javascript" type="text/javascript"><!-- var i=0; function resize() { i=0; // if (navigator.appName == 'Netscape') i=20; if (window.navigator.userAgent.indexOf('MSIE 6.0') != -1 && window.navigator.userAgent.indexOf('SV1') != -1) { i=30; //This browser is Internet Explorer 6.x on Windows XP SP2 } else if (window.navigator.userAgent.indexOf('MSIE 6.0') != -1) { i=0; //This browser is Internet Explorer 6.x } else if (window.navigator.userAgent.indexOf('Firefox') != -1 && window.navigator.userAgent.indexOf("Windows") != -1) { i=25; //This browser is Firefox on Windows } else if (window.navigator.userAgent.indexOf('Mozilla') != -1 && window.navigator.userAgent.indexOf("Windows") != -1) { i=45; //This browser is Mozilla on Windows } else { i=80; //This is all other browsers including Mozilla on Linux } if (document.documentElement && document.documentElement.clientWidth) { // frameWidth = document.documentElement.clientWidth; // frameHeight = document.documentElement.clientHeight;

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

var height = screen.height;
var width = screen.width;
var leftpos = width / 2 - imgWidth / 2;
var toppos = height / 2 - imgHeight / 2;

frameWidth = imgWidth;
frameHeight = imgHeight+i;

window.moveTo(leftpos, toppos);

// window.resizeTo(imgWidth, imgHeight);
window.resizeTo(frameWidth,frameHeight+i);
}
else if (document.body) {
window.resizeTo(document.body.clientWidth, document.body.clientHeight-i);
}
self.focus();
}
//--></script>

</head> <body id="popupImage" class="centeredContent" onload="resize();"> <div>

IH resize images yes Info
IH small image filetype no_change Info
IH small image background 255:255:255 Info
IH watermark small images no Info
IH zoom small images yes Info
IH small image hotzone no Info
IH small image compression quality 85 Info
IH medium image filetype no_change Info
IH medium image background 255:255:255 Info
IH watermark medium images no Info
IH zoom medium images no Info
IH medium image hotzone no Info
IH medium image compression quality 85 Info
IH large image filetype no_change Info
IH large image background 255:255:255 Info
IH watermark large images no
IH large image compression quality 85 Info
IH large image maximum width 750 Info
IH large image maximum height 550 Info
IH watermark gravity Center Info
IH zoom gravity SouthEast Info

If you have any other mods which affect images, and you have made changes to the default settings for these mods, you may also need to check those as well.. Also if mods you've installed have files which are also used by IH2, you will need to merge the files so that both mods work together.

Have you checked the troubleshooting section in the IH2 readme.. It covers some suggestions for the default image settings..

ethanolic:

Hi All

I installed image handler 2 for my 1.38a zencart, appearately every thing works find except when i turn on the watermarking for large image. no image is displayed in the popup window. below is my popwindow content and my configuration, any help is appreciated .

<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/style_imagehover.css" /> <link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet.css" /> <link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet_css_buttons.css" /> <script type="text/javascript" src="includes/templates/classic/jscript/jscript_imagehover.js"></script> <script language="javascript" type="text/javascript"><!-- var i=0; function resize() { i=0; // if (navigator.appName == 'Netscape') i=20; if (window.navigator.userAgent.indexOf('MSIE 6.0') != -1 && window.navigator.userAgent.indexOf('SV1') != -1) { i=30; //This browser is Internet Explorer 6.x on Windows XP SP2 } else if (window.navigator.userAgent.indexOf('MSIE 6.0') != -1) { i=0; //This browser is Internet Explorer 6.x } else if (window.navigator.userAgent.indexOf('Firefox') != -1 && window.navigator.userAgent.indexOf("Windows") != -1) { i=25; //This browser is Firefox on Windows } else if (window.navigator.userAgent.indexOf('Mozilla') != -1 && window.navigator.userAgent.indexOf("Windows") != -1) { i=45; //This browser is Mozilla on Windows } else { i=80; //This is all other browsers including Mozilla on Linux } if (document.documentElement && document.documentElement.clientWidth) { // frameWidth = document.documentElement.clientWidth; // frameHeight = document.documentElement.clientHeight;

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

var height = screen.height;
var width = screen.width;
var leftpos = width / 2 - imgWidth / 2;
var toppos = height / 2 - imgHeight / 2;

frameWidth = imgWidth;
frameHeight = imgHeight+i;

window.moveTo(leftpos, toppos);

// window.resizeTo(imgWidth, imgHeight);
window.resizeTo(frameWidth,frameHeight+i);
}
else if (document.body) {
window.resizeTo(document.body.clientWidth, document.body.clientHeight-i);
}
self.focus();
}
//--></script>

</head> <body id="popupImage" class="centeredContent" onload="resize();"> <div>

IH resize images yes Info
IH small image filetype no_change Info
IH small image background 255:255:255 Info
IH watermark small images no Info
IH zoom small images yes Info
IH small image hotzone no Info
IH small image compression quality 85 Info
IH medium image filetype no_change Info
IH medium image background 255:255:255 Info
IH watermark medium images no Info
IH zoom medium images no Info
IH medium image hotzone no Info
IH medium image compression quality 85 Info
IH large image filetype no_change Info
IH large image background 255:255:255 Info
IH watermark large images no
IH large image compression quality 85 Info
IH large image maximum width 750 Info
IH large image maximum height 550 Info
IH watermark gravity Center Info
IH zoom gravity SouthEast Info

Thanks for the advice i have checked all the troubleshoot could not find the problem.. watermarking works for my medium and large image .. just not the main image..

ethanolic:

Thanks for the advice i have checked all the troubleshoot could not find the problem.. watermarking works for my medium and large image .. just not the main image..
Your main product image should be your medium image..

DivaVocals:

Your main product image should be your medium image..
yes that is correct.. but when i click on the main product image.. the pop up image does not appear at all.. just a blank page.. but when i switch back off the IH2 watermark the image comes back on.

ethanolic:

yes that is correct.. but when i click on the main product image.. the pop up image does not appear at all.. just a blank page.. but when i switch back off the IH2 watermark the image comes back on.Honestly it's hard to help you unless you post a link to your site.. I will repeat what I say here frequently.. If IH2 is not working as it should it either means 1 of three things..

1. Installed incorrectly (missing or corrupted files)
2. Configured incorrectly (one or more IH2 settings is wrong)
3. Another mod which has files in common with IH2 has not been merged correctly..

I installed the image handler just fine. Everything seems to be working great except for one small thing. The main product listing, Ex: category listings, all listing, and new listing pages, do not show the zoom button. But when I click on the product and am viewing the specific product page, I see it but it does not pop up the image when I hover. Is my coding off, or the settings, or is it supposed to do that?

Any help would be great!

lauriesscraps.com/store

Another question..... the pop up windows position on the images in my sidebars show up at the top of the browser even when the image is towards the bottom of the page and therefore is not visible. It only does this in Google Chrome as far I can see for now. Is this the browser issue or something I can fix? Thanks again.

Hi!

I have got a problem with ih2 that I can not deal with.

My html code looks like this:

<img width="100" height="80" onmouseout="hidetrail();" onmouseover="showtrail('bmz_cache44209fb57ceea0b93cd1e2ae25e8da1d2.image.206x190.jpg','Komplet klucz nasadowych 1/4 " - 40/9/4',86,80,,,this,0,0,86,80);" style="position: relative;" title=' Komplet klucz nasadowych 1/4 " - 40/9/4 ' alt='Komplet klucz nasadowych 1/4 " - 40/9/4' src="bmz_cachecc07932f9ac4a6e28fb765fa847ddcb45.image.86x80.jpg"/>

Its easy to notice that there are no "/" in image paths. Images are there in correct folders but image path generated in html is inncorrect. I was looking in php files and there is code for those images in file functions_bmz_io.php:

function getCacheName($data, $ext='') {
global $bmzConf;

$md5 = md5($data);
$file = $bmzConf['cachedir'] . '/' . $md5{0} . '/' . $md5.$ext;
io_makeFileDir($file);
return $file;
}

So I think its ok.

I supose that maybe there was different installation of ih before and it wasn't properly unistalled but I don't know what to look for now.

Site address is: http://www.forast.pl/
Zen cart version: 1.3.8a

I tried to apply default template and it didn't help so probably error is somewhere else.

Other installed modules: SSU, module manager, admin profiles.

Preview option in admin area doesn't work as well.

DivaVocals:

Honestly it's hard to help you unless you post a link to your site.. I will repeat what I say here frequently.. If IH2 is not working as it should it either means 1 of three things..

1. Installed incorrectly (missing or corrupted files)
2. Configured incorrectly (one or more IH2 settings is wrong)
3. Another mod which has files in common with IH2 has not been merged correctly..

Hi DivaVocal just PM you.
Thanks

lauriesscraps:

I installed the image handler just fine. Everything seems to be working great except for one small thing. The main product listing, Ex: category listings, all listing, and new listing pages, do not show the zoom button. But when I click on the product and am viewing the specific product page, I see it but it does not pop up the image when I hover. Is my coding off, or the settings, or is it supposed to do that?

Any help would be great!

lauriesscraps.com/store

Another question..... the pop up windows position on the images in my sidebars show up at the top of the browser even when the image is towards the bottom of the page and therefore is not visible. It only does this in Google Chrome as far I can see for now. Is this the browser issue or something I can fix? Thanks again.

So I have been searching this forum and found this post:

http://www.zen-cart.com/forum/showpost.php?p=607494&postcount=2981

That fixed the problem for me, BUT it is not EXACTLY what I was hoping for.

I wanted to be able to have the hover image pop up on all product pages, but due to the nature of my product, (digi scrapping) I was hoping to have the images that are listed in each category page, down the center, be a little bigger, but still have the hover pop up.

In order for the images in the side bar (Ex: specials, featured, and new) to fit in the sidebox, they have to be smaller, and therefore the main product image must match to allow the hover pop up to work. But I want the images for the main product listing displayed when you click on the category to be bigger, like 225. Now they are set at 150 in order for the other images to fit inside the side columns.

I hope this makes sense. It is a very specific thing, and hard to accurately explain, but I think it might be able to be changed with coding, not sure.

Here is a link:
lauriesscraps.com/store/index.php?main_page=index&cPath=65

Thanks in advance!

Short answer is that IH2 in it's current state will not work the way you would like.

Can it work differently?? Like all software it's a matter of customization. If someone in the community knows how to achieve this, I'm sure they will share how. If not, and it's a feature you can't live without, you could try posting this as a commercial request in the commercial request forum..

Wish I could give you a different answer.:blush:

lauriesscraps:

So I have been searching this forum and found this post:

That fixed the problem for me, BUT it is not EXACTLY what I was hoping for.

I wanted to be able to have the hover image pop up on all product pages, but due to the nature of my product, (digi scrapping) I was hoping to have the images that are listed in each category page, down the center, be a little bigger, but still have the hover pop up.

In order for the images in the side bar (Ex: specials, featured, and new) to fit in the sidebox, they have to be smaller, and therefore the main product image must match to allow the hover pop up to work. But I want the images for the main product listing displayed when you click on the category to be bigger, like 225. Now they are set at 150 in order for the other images to fit inside the side columns.

I hope this makes sense. It is a very specific thing, and hard to accurately explain, but I think it might be able to be changed with coding, not sure.

Here is a link:
lauriesscraps.com/store/index.php?main_page=index&cPath=65

Thanks in advance!

DivaVocals:

Short answer is that IH2 in it's current state will not work the way you would like.

Can it work differently?? Like all software it's a matter of customization. If someone in the community knows how to achieve this, I'm sure they will share how. If not, and it's a feature you can't live without, you could try posting this as a commercial request in the commercial request forum..

Wish I could give you a different answer.:blush:

No... I appreciate it! Any answer is good. If someone does know how to customize it, then I would love to know!!

Thanks again!

DivaVocals:

ethanolic:

Hi All

I installed image handler 2 for my 1.38a zencart, appearately every thing works find except when i turn on the watermarking for large image. no image is displayed in the popup window. below is my popwindow content and my configuration, any help is appreciated

DivaVocals:

If you have any other mods which affect images, and you have made changes to the default settings for these mods, you may also need to check those as well.. Also if mods you've installed have files which are also used by IH2, you will need to merge the files so that both mods work together.

Have you checked the troubleshooting section in the IH2 readme.. It covers some suggestions for the default image settings..

DivaVocals:

Honestly it's hard to help you unless you post a link to your site.. I will repeat what I say here frequently.. If IH2 is not working as it should it either means 1 of three things..

1. Installed incorrectly (missing or corrupted files)
2. Configured incorrectly (one or more IH2 settings is wrong)
3. **Another mod which has files in common with IH2 has not been merged correctly..**I know you PMd me your site link, but you should post it here as well so that everyone can see, and perhaps chime in to help. This way if everyone sees both the question and the answer, then the whole community benefits.. :smile:

In the meantime, I found this, and thought it might help shed some light for you..

tophand:

If you have edited any Zen Cart files and have them in your overrides folders and if the same named files are in the Image Handler package them you need to merge the files together.

tophand:

Possible IH files that might need to merge with your edited files:
includes/modules/additional_images.php
includes/modules/main_product_images.php
includes/modules/pages/popup_image/header_php.php
includes/modules/pages/popup_image_additional/header_php.php
includes/templates/template_custom/pop_image_additional/tpl_main_page.php