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

I merged but something went wrong, re-merge and it work.

DarkAngel:

did you merge any files that were named the same that zencart had with the ones from IH?

that is what happened to me when i first installed the mod
Posted via Mobile Device

jmuniz:

I'm confused!
It seems that I am duplicating files on the server by creating my own directories with images in them. Please correct my logic below.

Most of my products have a different Large and small images which are stored by product type and size.
placecards/small/image.jpg
placecards/large/image.jpg

When I create the item I define the default image in ZC with it's directory. ex. placecards/small/image.jpg

This then creates the rendered image for the 3 sizes in IH2
I then edit the large image in IH2 to replace the small image to the correct large one. But it only allows for an upload of an image on my computer and not from the server. This in turn upload the image to it's own folder. thus just adding files into one IH2 directory.

I'm not sure that you understand in full how IH2 works..

You do not need to create small, or medium images.. Upload the large image and IH2 takes care of generating the required small and medium images (based on your image size setting in Configuration > Images)

Simply put here's how IH2 works..

• Set your image settings (see the readme for instructions)
• Using either the IH2 interface or the product management interface, upload the product LARGE image.
• IH2 will take care of creating the small and medium images.

IH2 also takes care to properly name images to follow Zen Cart's required naming convention for additional product images. This means then when you upload additional images you do not have to worry about properly naming them, IH2 will take casre of it when you upload the image..

jmuniz:

So based on this I am duplicating the files on the server.
placecards/large/image.jpg is never used since IH2 requires to upload into it's own directoryThis is not correct..

IH2 CANNOT work without the "images" directory. It's not as you put it simply a matter of IH2 uploading files in it's own directory.. The purpose of the IH2 cache directory is to help with image performance by caching the images in order to improve page load performance. To create this cache, IH2 must get the image information form the original "source" In this case it's the images directory (and it's sub-directories)

jmuniz:

image there is really no way of organizing images in a useful manner with IH2.
And there is no easy way of editing more than one item at a time to change images as I have to with the different large images per item.

Is this correct?Are you referring to the bmz_cache directory?? Ummmmmm WHY would you want to "organize" them.. You don't need to "organize" these folders at all.. You can "organize" your images folder which will have NO BEARING on IH2s ability to manage and cache your images..

jmuniz:

I also cannot find where the IH2 item images are defined in the database. As I was hoping to maybe sql the changes needed for the large images.

Thanks in advance.Again I'm not sure you are fully understanding how IH2 works.. IH2 doesn't define ANY images in the database.. Rather it uses the product image information to generate the cache directory it creates..

You do not need to create small, or medium images.. Upload the large image and IH2 takes care of generating the required small and medium images (based on your image size setting in Configuration > Images)

**That's great if you only have one image that you'd like to display for the item in all the sizes. In my case I have different images for small vs large. So I'd have to manually work with every item to add the different Large image after creating the item with the "default image" this being the small image.
This is very consuming and very impractical when you have many thousands of items. Just to start, I will be loading over 15K T-shirts, 4K candy items, 2-3K personalized party favors, etc... **

IH2 CANNOT work without the "images" directory. It's not as you put it simply a matter of IH2 uploading files in it's own directory.. The purpose of the IH2 cache directory is to help with image performance by caching the images in order to improve page load performance. To create this cache, IH2 must get the image information form the original "source" In this case it's the images directory (and it's sub-directories)

**What I have seen is IH2 will use the default image and directory from the Zen item creation (I use EZ Populate for this) to create it's cached version in all the sizes. Then when the "Large" image is edited in IH2, IH2 will upload this new image into the directory images/large/original directory name/

I created an item whose default image is located in images/placecard
When I edited the large image in IH2 it uploaded the new Large image into /images/large/placecard

Is there a way to have the Large images already uploaded in the same fashion and naming convention (_LRG.) and defined to the item without manually editing each item IH2?
**

jmuniz:

You do not need to create small, or medium images.. Upload the large image and IH2 takes care of generating the required small and medium images (based on your image size setting in Configuration > Images)

**That's great if you only have one image that you'd like to display for the item in all the sizes. In my case I have different images for small vs large. So I'd have to manually work with every item to add the different Large image after creating the item with the "default image" this being the small image.
This is very consuming and very impractical when you have many thousands of items. Just to start, I will be loading over 15K T-shirts, 4K candy items, 2-3K personalized party favors, etc...**The expanded explanation makes things a little clear (thank you) Clearly your store setup is a UNIQUE situation.

The majority of shopowners who use IH2 are using the default Zen Cart image setup/management, and use IH2 to make the work of managing product images easier. This means that they upload the large image as the default image, and let Zen Cart/IH2 take care of creating the product image thumbnails (small image) for them.

The image setup for your store is different than the "average" shopwowner. If you wanted to use IH2 so that the small medium and large images are three distinct image files, in the IH2 interface you would edit the image and upload your small/thumbnail image as your default image then upload your medium image, and then upload your large image. This the only way that IH2 will use different images for each image size.

jmuniz:

IH2 CANNOT work without the "images" directory. It's not as you put it simply a matter of IH2 uploading files in it's own directory.. The purpose of the IH2 cache directory is to help with image performance by caching the images in order to improve page load performance. To create this cache, IH2 must get the image information form the original "source" In this case it's the images directory (and it's sub-directories)

**What I have seen is IH2 will use the default image and directory from the Zen item creation (I use EZ Populate for this) to create it's cached version in all the sizes. Then when the "Large" image is edited in IH2, IH2 will upload this new image into the directory images/large/original directory name/

I created an item whose default image is located in images/placecard
When I edited the large image in IH2 it uploaded the new Large image into /images/large/placecard

Is there a way to have the Large images already uploaded in the same fashion and naming convention (_LRG.) and defined to the item without manually editing each item IH2?
**Again IH2 follows default Zen Cart behavior for managing large images.. As the help text on the image editing interface indicates:
A default image must be defined. **The default image is assumed to be the smallest when medium or large images are entered.**So if you explicitly upload a large image using the IH2 image editing functions it will save the image as you describe. If you do not upload a medium or large image, IH2 assumes that the default image is the large image and creates the small and medium images needed. (which is how Zen Cart's own default image management works)

DivaVocals:

The expanded explanation makes things a little clear (thank you) Clearly your store setup is a UNIQUE situation.

The majority of shopowners who use IH2 are using the default Zen Cart image setup/management, and use IH2 to make the work of managing product images easier. This means that they upload the large image as the default image, and let Zen Cart/IH2 take care of creating the product image thumbnails (small image) for them.

The image setup for your store is different than the "average" shopwowner. If you wanted to use IH2 so that the small medium and large images are three distinct image files, in the IH2 interface you would edit the image and upload your small/thumbnail image as your default image then upload your medium image, and then upload your large image. This the only way that IH2 will use different images for each image size.

Again IH2 follows default Zen Cart behavior for managing large images.. As the help text on the image editing interface indicates:
So if you explicitly upload a large image using the IH2 image editing functions it will save the image as you describe. If you do not upload a medium or large image, IH2 assumes that the default image is the large image and creates the small and medium images needed. (which is how Zen Cart's own default image management works)

I've been using the item's small image(not really small) as the default so that IH2 does it's regular process creating all 3 sizes.
This is fine for the small and medium inages.
Then I go back and edit the Large image by letting IH2 upload the image so all is as it should be for the item.

Can you point me to the program that creates the edited Large image or Is there a modification that I can make to automatically define the real Large image for each item in a mass update like it does when items are created/updated using EZ Populate?

Thanks!

jmuniz:

I've been using the item's small image(not really small) as the default so that IH2 does it's regular process creating all 3 sizes.
This is fine for the small and medium inages.
Then I go back and edit the Large image by letting IH2 upload the image so all is as it should be for the item.

Can you point me to the program that creates the edited Large image or Is there a modification that I can make to automatically define the real Large image for each item in a mass update like it does when items are created/updated using EZ Populate?

Thanks!
I have not looked at the code in depth to know all the places in IH2 you will need to modify to make it work the way you want. I do suspect that it will require somewhat of a hefty re-write to nearly all of the function and store files in IH2 to achieve the functionality you are trying to accomplish. I wish I could provide more information than that..:unsure:

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/index.php?article=224

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/index.php?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.

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.

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.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..

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.

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.
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?

nigelt74:

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?

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.

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,this," . $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!

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!

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..

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!

HI... I am new to Zen Cart, but seem to be getting on ok. I loaded up the files after correctly changing the template pages names, and the name of my admin. It does not appear that the IH has installed.

I see a "No Image Handler information found." When I clicked on the install link it goes to a blank page
http://www.awmiv.com/MY ADMIN DIRECTORY/image_handler.php?page=admin&action=ih_install

In reading the trouble shooting area of readme file.. I am not sure how or where to change the permissions in the two locations provided:
Set permissions in your images and bmz_cache folder to 755 (they need to be the same, for some webhosts you may have to set these permissions to 777).

When I look at a product in admin, I do see the pink circle with the "I" in it.

Just not sure what to do at this point... I would sure like to try it... I have only loaded one product in, and trying to get all straight before continuing.

Thank you in advance for any help or guidance. I hope I posted in the right place.

http://www.awmiv.com/index.php?main_page=product_info&cPath=24_25&products_id=1 is my only product so far... and I actually have images built in to the page itself, and was considering moving them, if I got IH working...

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..

I did rename them both. I still have the second problem. Can someone LOOK and see if there is a JS issue?

donhohler:

I did rename them both. I still have the second problem. Can someone LOOK and see if there is a JS issue?If there was a javascript issue with Image Handler, the image hover would not work.. The Image Handler javascript's only job is to manage the image hover effects.

The issue you are having is with the main product image popup which uses and inline javascript to function. So no, I do not think there is a javascript conflict. However IF there is one (which again I do not think is the case), the author of the Google Analytics module might be in a better position to know if this is the case.

The additional product images and main product images have module overrides in the Image Handler fileset which manage those two functions. Your setup doesn't appear to have all the required IH2 code for the main product images. It appears that Image Handler is NOT managing your main product images. A look at your store still shows the default Zen Cart image URL for your main product image.

If I mouseover the main product image the URL shows as
javascript:popupWindow('http://yourdomain.com/index.php?main_page=popup_image&pID=27275')

When it should look something like ths:
http://yourdomain.com/bmz_cache/1/184771a9f3ea3bda364748cda80d54a5.image.414x550.jpg

Your product listing images appear to be managed by Image Handler.
http://www.madisontractor.com/bmz_cache/7/7a969c86d35ed3bab2b64d0e719fe447.image.100x68.jpg

So it still appears that something is not installed correctly.. A javascript issue would not cause this behavior but, a missed or incorrectly merged IH2 file would.. The only other POSSIBLE option is that your template has code in the same files that Zen Cart overrides which is causing the issue.. (your template appears to be a Template Monster template -- you may not have purchased it from TM.. you may have purchased from one of their affiliates)

DanielInFresno:

HI... I am new to Zen Cart, but seem to be getting on ok. I loaded up the files after correctly changing the template pages names, and the name of my admin. It does not appear that the IH has installed.

I see a "No Image Handler information found." When I clicked on the install link it goes to a blank page
http://www.awmiv.com/MY ADMIN DIRECTORY/image_handler.php?page=admin&action=ih_install

Blank pages or part blank pages usually indicates an incorrect install.

https://www.zen-cart.com/tutorials/index.php?article=82

This tutorial explains how to enable error checking and generate the log files to track down errors.. If you are using the latest version of Zen Cart error checking is built in and you will need to post the contents of the error log file that is generated when you attempt to access IH2 and get the blank page. (error logs can be found in your cache folder)

DanielInFresno:

In reading the trouble shooting area of readme file.. I am not sure how or where to change the permissions in the two locations provided:
Set permissions in your images and bmz_cache folder to 755 (they need to be the same, for some webhosts you may have to set these permissions to 777).Every webhosts site management tools are different, and so we cannot provide more specific instructions on changing file/folder permissions. If you do not know how to set file permissions on your site, you'll need to have your webhost guide you through how to do this. Most webhosts have FAQs which may help guide you through this..

DanielInFresno:

When I look at a product in admin, I do see the pink circle with the "I" in it.Because IH2 is not installed..