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

[DivaVocals]

IH2 in general is designed to ease the manual processes involved with creating optimized images for shopowners by taking the large product image and creating all the required optimized images needed.

In short it does a LOT of the heavy lifting for shopowners. IH2's functionality is the equivalent to the manual process described in this Zen Cart FAQ:
https://www.zen-cart.com/tutorials/i...hp?article=224

Wanted to quote this particular section of the FAQ.. I think it's relevant.. Most of IH2's functionality is meant to replace the need to do this work.. It will manage and/or create the three required product image sizes which eliminates the needs for shopowners to create these images themselves..

You can now simply upload all your pics via FTP to your images folder and let the coding do all the work - but this will generally end up with you having a far from perfect result, and although you have spent no money on ZenCart, you will probably have invested a fair amount of time in setting it up, so why spoil it now?

Why are the results not (usually) perfect? The ideal we are seeking is a clear image that displays quickly, but by only loading one image to be used in a variety of sizes by ZC, there is usually going to be a compromise on one or the other…or both.

For example, if you only load small images at 100 pixels wide and you have your medium image width set to 400 for the Product Info page, then the quality of your image is going to be degraded (remember the “lossy” compression?) when the code expands it to four times the size.

On the other hand, if you’ve only uploaded large files at say 400pixels wide, then although ZC will display them at your small image size of 100pixels wide, the file size of the image will not be reduced, so if your large image is 25KB, then so will your thumbnail be…and 10 thumbnails on a page makes 250KB which starts to slow your listings down to a crawl for dial-up users.

To avoid these issues, the solution is to create 3 sets of images – small, medium and large, compressed and saved at the dimensions you wish to display them and then uploaded to the images, images/medium and images/large directories. If you have hundreds of images, this may seem like a daunting prospect, but it shouldn’t be quite as bad as it sounds. Any decent image-editing application will have some system for batch-processing (carrying out the same actions on multiple files).

NOTE: the basic "images" (thumbnails, normal-size images) should be uploaded via admin in the usual way via the product-edit screen, and then FTP should be used for uploading your _MED and _LRG images, as mentioned in the preceding paragraph.

[donhohler]

Zen Cart 1.38a
Image Handler V2.0 Rev ?

http://www.madisontractor.com/

I have a problem with "onmouseover" not working on my "new products" and "specials" sideboxes on the product detail pages. The sideboxes work fine on the home page and the product listing pages.

Could someone take a look and give me some suggestions.

Thanks in advance.

[DivaVocals]

Zen Cart 1.38a
Image Handler V2.0 Rev ?

http://www.madisontractor.com/

I have a problem with "onmouseover" not working on my "new products" and "specials" sideboxes on the product detail pages. The sideboxes work fine on the home page and the product listing pages.

Could someone take a look and give me some suggestions.

Thanks in advance.

New problem?? or has this always been an issue.. Would be VERY helpful to know which version of IH2 you are using.. Changes between versions can be a bit substantial..

[donhohler]

I installed the module months ago but am just now turning it on. The version is IH2.0 Rev. 7.

Thanks for the fast response.

[nigelt74]

I installed the module months ago but am just now turning it on. The version is IH2.0 Rev. 7.

Thanks for the fast response.

You could try replacing the imagehandler javascript file, with the one from the new version, as the old JS file had issues with browsers that aren't Internet explorer or firefox, it won't fix your problem but it should make the site work better for Safari, Opera and Chrome users.

Did you combine the files yourself? or were they part of the template you purchased?

You have some sort of javascript minifiying script what happens when you turn that off?

[donhohler]

You could try replacing the imagehandler javascript file, with the one from the new version, as the old JS file had issues with browsers that aren't Internet explorer or firefox, it won't fix your problem but it should make the site work better for Safari, Opera and Chrome users.

Did you combine the files yourself? or were they part of the template you purchased?

You have some sort of javascript minifiying script what happens when you turn that off?

The JS file works fine with Chrome, I haven't had a chance to load Safari on this machine yet. Turning off CSS/JS Loader did not help.

Diva???? Are you in LA LA Land again?

[donhohler]

I upgraded to the latest version and that seemed to fix the problem. Nut now when I click on the product image, I get the popup window but no image.

[donhohler]

Zen Cart 1.38a
Image Handler V2.0 Rev 8d

http://www.madisontractor.com/

Update:

I made the following change to get additional images to work:

Ok, I've found that replacing the original code in classes/bmz_image_handler.php (~line 701):
Code:

return $parameters . 'style="position:relative" onmouseover="showtrail(' . "'$products_image_zoom','$alt',$width,$height,$zoomwidth,$zoomheight,this," . $this->zoom['startx'].','.$this->zoom['starty'].','.$this->zoom['width'].','.$this->zoom['height'].');" onmouseout="hidetrail();" ';

with this:

Code:

if (!($_GET['main_page']==FILENAME_PRODUCT_INFO)) {
return $parameters . 'style="position:relative" onmouseover="showtrail(' . "'$products_image_zoom','$alt',$width,$height,$zoomwidth,$zoomheight,this," . $this->zoom['startx'].','.$this->zoom['starty'].','.$this->zoom['width'].','.$this->zoom['height'].');" onmouseout="hidetrail();" ';
} else {
return $parameters . 'style="position:relative" onmouseover="showtrail(' . "\'$products_image_zoom\',\'$alt\',$width,$height,$zoomwidth,$zoomheight,thi s," . $this->zoom['startx'].','.$this->zoom['starty'].','.$this->zoom['width'].','.$this->zoom['height'].');" onmouseout="hidetrail();" ';
}

Fixes the issue of additional images not displaying, while still allowing the hover effect on product listing pages.

However, After making this change "onmouseover" stops working on my "new products" and "specials" sideboxes on the product detail pages. They work fine on the home page and product listing pages.

Another problem is with the product image popup window. I am using Simple_Google_Analytics Ver 1.2.3 module. When I run it in asynchronous mode the product image popup window opens but there is no image. If I set analytics to ga.js, it works fine.

Any help work be GREATLY appreciated!

[donhohler]

Zen Cart 1.38a
Image Handler V2.0 Rev 8d

http://www.madisontractor.com/

Update:

I found the issue to to the first problem. I missed renaming a template folder. oops! I removed the changes to: classes/bmz_image_handler.php and all the "onmousovers" work everywhere.

The only problem now is with the product image and additional images popup windows. I am using Simple_Google_Analytics Ver 1.2.3 module. When I run it in asynchronous mode the product image popup window opens but there is no image. If I set analytics to ga.js, it works fine.

I suspect the problem is with the order in which scripts are being loaded or run.

Any help work be GREATLY appreciated!

[DivaVocals]

Most problems with installs can usually be traced to incorrect installs.. There are TWO YOUR_TEMPLATE folders in the includes directory which need to be renamed.. Make sure you have renamed them both.. One is in the includes/modules and the other in includes/templates.. I suspect you missed renaming one or both of these which is likely the root of your issues..

With that I'm back to my X-Mas celebrating..

Zen Cart 1.38a
Image Handler V2.0 Rev 8d

http://www.madisontractor.com/

Update:

I found the issue to to the first problem. I missed renaming a template folder. oops! I removed the changes to: classes/bmz_image_handler.php and all the "onmousovers" work everywhere.

The only problem now is with the product image and additional images popup windows. I am using Simple_Google_Analytics Ver 1.2.3 module. When I run it in asynchronous mode the product image popup window opens but there is no image. If I set analytics to ga.js, it works fine.

I suspect the problem is with the order in which scripts are being loaded or run.

Any help work be GREATLY appreciated!