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

[ixboat]

Tophand,
and, as I look at the source, i notice that the Category image, which is doing the hover on this page:

http://gotedges.com/index.php?main_page=index&cPath=15

has this code for the image:

<div id="categoryImgListing" class="categoryImg"><img src="bmz_cache/f/ff416460a5dd405e12f759207ac0c759.image.90x56.jpg" alt="" width="90" height="56" style="position:relative" onmouseover="showtrail('bmz_cache/e/e053d817ccf5d448e779b5521a4513f7.image.180x112.jpg','',90,56,180,112,this,0,0,90,56);" onmouseout="hidetrail();"  /></div>

and the ones that aren't doing image hovers (all the rest on this page) are coded this way:

<td width="23.5%" align="center" valign="top"><div class="centerBoxContentsProducts centeredContent" style="width:100%;"><a href="http://gotedges.com/index.php?main_page=product_info&amp;cPath=15&amp;products_id=1173"><img src="bmz_cache/0/030b11a17353ae4fff4636a7a697be30.image.100x37.jpg" alt="'236 Sliver, Silver'" title=" '236 Sliver, Silver' " width="100" height="37" /></a><br />$38.70<br /><br />Add: <input type="text" name="products_id[1173]" value="0" size="4" /><br /><br /><br /><h3 class="itemTitle"><a href="http://gotedges.com/index.php?main_page=product_info&amp;cPath=15&amp;products_id=1173">'236 Sliver, Silver'</a></h3><div class="listingDescription"></div><br /><a href="http://gotedges.com/index.php?main_page=index&amp;manufacturers_id=3">Browning</a></div></td>

and SO, I'm trying to figure out where this is happening.
I am using the display in columns module, and wondering if this is getting in the way...

Ideas?

THnx
ixboat

[karl19]

Hello,

We've been using Image Handler without problem in one site and are now trying to implement it in a second. This is causing more trouble though, as it's a custom setup, carried over from the previous, non-ZC setup.

On a category page we display thumbnails (small) of all products in a scrollbar, when you click on one, a layer pops up with help of ajax, showing product info and the medium size image. When clicking on this image, the large one shows in a lightbox layer. Using standard ZC, this wouldn't be so hard as we'd upload images into images/, images/medium/ and images/large/. But we don't know how to call the various sizes from the Image Handler cache and would love if someone could help us! We've searched the forum and this thread, but it's a mile long so we might have missed something - if so, sorry!

SMALL - in includes/modules/product_listing.php we've got the $output_product[] variable which loops through the images we use for thumbnails. At the moment, we've got:

<img src="'.DIR_WS_IMAGES . $listing->fields['products_image'].'" title="'.$listing->fields['products_name'].'" alt="'.$listing->fields['products_name'].'" border="0"  onclick="javascript:img_click(this,\'?products_id='.$listing->fields['products_id'].'&cPath='.$cPath.'\');" id="img_thumb" class="product_thumb" style="cursor: hand" />'."\n";

which isn't right. How can we call the smaller IH image and at the same time keep our onclick-bits?

MEDIUM - in a custom template we call the medium sized image. We've tried $products_image_medium but don't seem to get the IH medium image.. we'd like to show the cached medium version.

LARGE - we've tried to implement the pop-up on the medium image, to display the large in a lightbox-layer, something like:

<a href="'.$products_image.'" rel="lightbox[grafik]" title="'.$products_name.'">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '</a>

but we can't get it to work either..

Sorry for the long post, we're a little stumped as we don't know how to use IH in our custom setup and trial-and-error hasn't helped us here!

Grateful for any pointers,
Karl

[tophand]

Tophand,

THANKS for the guidance, this:

---

---

DID indeed get the hover to "hover" instead of breaking the template.

However, still only getting the hover over the Category images (which have a + next to them) and not getting any hovers over the other images, products, listings, etc...

Any ideas?

Thanks
ixboat

Admin--> Configuration--> Images

The images you want to hover have to match the size setting you input for the small image.

M

[ixboat]

Tophand,

with regard to this:

Admin--> Configuration--> Images

The images you want to hover have to match the size setting you input for the small image.

M

I do have the small images set to 90x90 pixels and the hover is working for the new products displayed in the side box, where the code to display them has this in it:

onmouseover="showtrail('bmz_cache/4/448ebabe847c01881cb38de96298cd50.image.120x120.jpg','5 1/4 inch Cush Grip Lkbk Serr w/Sh',90,90,120,120,this,0,0,90,90);" onmouseout="hidetrail();"  />

and the products displayed in the center column area do not have this onmouseover code,

SO I cannot see how the image size is the issue now, but am looking for the .php file that formats the display output of the products in the center column...

...this follows on the heels of the additional info that i messaged you in # 2645 above...

Thanks!
ixboat

[focus360]

Image Handler is resizing my images however the code is always giving the images the width and height I set in the Zen admin for small image width and height.

Please see the code below which is for my main product image on the product info page:

<img src="bmz_cache/d/de08b974c21e2a45dc5c72521aa0d31d.image.210x198.jpg" alt="CD-R printed full colour including data or audio duplication. Bulk disks, no packaging." title=" CD-R printed full colour including data or audio duplication. Bulk disks, no packaging. " width="110" height="110" />

As you can see it should be setting the width to 210 and the height to 198. However it is setting it to my small-image size.

Is anyone able to help with this? I assume image handler is suppose to grab the width/height from the filename? If so which file handles this?

I have tried clear cache, reinstalling, re-uploading files, and changing image sizes.

[tophand]

Tophand,

I do have the small images set to 90x90 pixels and the hover is working for the new products displayed in the side box, where the code to display them has this in it:

onmouseover="showtrail('bmz_cache/4/448ebabe847c01881cb38de96298cd50.image.120x120.jpg','5 1/4 inch Cush Grip Lkbk Serr w/Sh',90,90,120,120,this,0,0,90,90);" onmouseout="hidetrail();"  />

and the products displayed in the center column area do not have this onmouseover code,

SO I cannot see how the image size is the issue now, but am looking for the .php file that formats the display output of the products in the center column...
Thanks!
ixboat

Image Handler is resizing my images however the code is always giving the images the width and height I set in the Zen admin for small image width and height.

Please see the code below which is for my main product image on the product info page:

<img src="bmz_cache/d/de08b974c21e2a45dc5c72521aa0d31d.image.210x198.jpg" alt="CD-R printed full colour including data or audio duplication. Bulk disks, no packaging." title=" CD-R printed full colour including data or audio duplication. Bulk disks, no packaging. " width="110" height="110" />

As you can see it should be setting the width to 210 and the height to 198. However it is setting it to my small-image size.

Is anyone able to help with this? I assume image handler is suppose to grab the width/height from the filename? If so which file handles this?

I have tried clear cache, reinstalling, re-uploading files, and changing image sizes.

IH works fine right out of the box 99% of the time.
Some of the problems could be:
Didn't upload or uploaded a corrupted IH file or image.
Uploaded a very big image.
Folder permissions not correct.
Server not Zen Cart friendly.
Using a so called "Zen Cart" template where you paid money for it (Template Monster).

Couple of tricks to try.
Make sure "all" the files was uploaded and in the correct folders.
Pre-process the image to the largest you want to display.
If using even numbers for image size (90 x 110) try odd numbers (91 x 109).
Try setting just the width/height and leaving height/width blank or "0".
Move to a "Zen Cart" friendly server.
Try getting $$ back from Template Monster or don't use IH with TM.

The following need to have the same image size setting if you want to use the hover/popup with that feature:
Small Image Width
Small Image Height
Image - Product New Listing Width
Image - Product New Listing Height
Image - New Products Width
Image - New Products Height
Image - Featured Products Width
Image - Featured Products Height
Image - Product All Listing Width
Image - Product All Listing Height

HTH,
M

[zep]

I have installed IH2 on my server. I have had this mod installed on other installations in the past but without any issues. When I have installed previously I saw a little transparent + over the images which indicated it was working, also the size of the image being served was around 5KB.

I installed image handler 2 and the images are still being transfered at sizes around 100KB. Its killing the site. The source of the image files being served are not coming from BMZ_CACHE, but from my images folder.

The BMZ_CACHE folder is set to CHMOD 777, so no permission issues there. Im stumped

I uninstalled and reinstalled image handler, and I am still not resizing images. The safe mode is off, gd 2+ enabled, php5 and mysql5 fine, the watermarking is not working.

The source of the files (in the html when page is loaded) is in the /images directory. when Im in the back end the image handler preview page all 3 jpg images (source, default, product) are the same huge size.

The BMZ and shopad directories are CHMOD to 777 the only contents of the BMZ directory are empty directories and a couple pngs that are associated with the preview section of the Image handler backend.

I have read dozens and dozens of pages of the forums, but have not stumbled on a solution. Little help? Thanks

[ixboat]

Tophand,

Congratulations on a "classic" post and home of many future links, i'm sure, and a Great Job of handling (hopefully) both requests for help in one response.
It certainly nailed my problem...


Voila!
I've never seen a list like this before:
--
The following need to have the same image size setting if you want to use the hover/popup with that feature:

Small Image Width
Small Image Height
Image - Product New Listing Width
Image - Product New Listing Height
Image - New Products Width
Image - New Products Height
Image - Featured Products Width
Image - Featured Products Height
Image - Product All Listing Width
Image - Product All Listing Height

...and by golly this meant a lot to me!

I knew about the first two, but did not understand about the rest of that list.

Something so simple, and so satisfying.
Certainly fixed it and when all the new high rez images are loaded, WHOA!
This mod looks sogood!

Thanks VERY MUCH for your help, Tophand ...

Now time for me to donate to IH2 and ZenCart, to express gratitude for this forum and these software MARVELS!

Happy Unification & Integration Day (Liberia)

ixboat

---
gotEdges.com - Quality Knives and Accessories

[tophand]

Tophand,

Congratulations on a "classic" post and home of many future links, i'm sure, and a Great Job of handling (hopefully) both requests for help in one response.
It certainly nailed my problem...

ixboat

---
gotEdges.com - Quality Knives and Accessories

Thanks, just a happy user of IH.

M

[tophand]

I have installed IH2 on my server. I have had this mod installed on other installations in the past but without any issues. When I have installed previously I saw a little transparent + over the images which indicated it was working, also the size of the image being served was around 5KB.

I installed image handler 2 and the images are still being transfered at sizes around 100KB. Its killing the site. The source of the image files being served are not coming from BMZ_CACHE, but from my images folder.

The BMZ_CACHE folder is set to CHMOD 777, so no permission issues there. Im stumped

I uninstalled and reinstalled image handler, and I am still not resizing images. The safe mode is off, gd 2+ enabled, php5 and mysql5 fine, the watermarking is not working.

The source of the files (in the html when page is loaded) is in the /images directory. when Im in the back end the image handler preview page all 3 jpg images (source, default, product) are the same huge size.

The BMZ and shopad directories are CHMOD to 777 the only contents of the BMZ directory are empty directories and a couple pngs that are associated with the preview section of the Image handler backend.

I have read dozens and dozens of pages of the forums, but have not stumbled on a solution. Little help? Thanks

Have you check to see if all the files for IH are in the correct folders and are not corrupt?
Have you checked your image files?
Real large image files will break IH and corrupt image files also break IH.

Why are you uploading 100K images?
Why not try smaller file and see what happens?

M