Image Handler 4 (for v1.5.x) Support Thread

[uswebworx]

I also realized, when i take mouse over the first picture, the path is

/images/products/u100-emotions.png

but when i take mouse over 2nd picture ( and same for 3rd) :
/images/large/products/u100-emotions_01_[/url]LRG.png


do u think this is the issue? how can i fix this?

That's not going to be the issue because that's how it should be named since there are multiple images for the same product.
It is probably the template you are using, not all templates support IH straight out of the box.

[mackey2001]

name of images, yes, i agree, but how about path?

but when i take mouse over 2nd picture ( and same for 3rd) :
/images/large/products/u100-emotions_01_LRG.png

[DivaVocals]

name of images, yes, i agree, but how about path?

but when i take mouse over 2nd picture ( and same for 3rd) :
/images/large/products/u100-emotions_01_LRG.png

Your images are not loaded in the correct locations.. If you review the support thread (or even some of the recent posts in this thread) you will see that it it unnecessary to load your images into the images/large or images/medium folders when using IH4...

Go back to the readme and review both the usage and troubleshooting tabs.. Then upload your images to the correct locations. Even if you do this, you will probably find that you also have an issue because your Template Monstrosity template uses a built in lightbox which is obstructing the images from being properly viewed. (The Template Monstrosity lightbox was JUST discussed in very recent posts in this support thread)

[mackey2001]

Your images are not loaded in the correct locations.. If you review the support thread (or even some of the recent posts in this thread) you will see that it it unnecessary to load your images into the images/large or images/medium folders when using IH4...

Go back to the readme and review both the usage and troubleshooting tabs.. Then upload your images to the correct locations. Even if you do this, you will probably find that you also have an issue because your Template Monstrosity template uses a built in lightbox which is obstructing the images from being properly viewed. (The Template Monstrosity lightbox was JUST discussed in very recent posts in this support thread)

This makes a lot of sense. thank you. ill investigate and will reportback the result. thanks a lot.

[barricades]

Hey DivaVocals, this is a great mod, never needed to use it until now though, so sorting through a wee issue having and I'm sure it's simple to sort out but:

I'm trying to sort out my product_info pages, specifically the additional images. I want my additional images to be smaller than the value I have set for SMALL_IMAGE_WIDTH (I have my small images on product listing page as 155px, 270px for product_info and then 500px for large, so I need this 4th size for my layout)

Anyway, in the file includes/modules/my_template/additional_images.php I changed:
$thumb_slashes = zen_image(addslashes($base_image), addslashes($products_name), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT);
and
$thumb_regular = zen_image($base_image, $products_name, SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT);

to
$thumb_slashes = zen_image(addslashes($base_image), addslashes($products_name), 80, 80);
and
$thumb_regular = zen_image($base_image, $products_name, 80, 80);

And of course this does the trick of making the image smaller but now the lovely hovering pop-up that image handler added doesn't work. I can't figure out why making that change stops the pop-up from working.

I'm I being stupid? :)

Thanks anyway for a great mod!

[DivaVocals]

Hey DivaVocals, this is a great mod, never needed to use it until now though, so sorting through a wee issue having and I'm sure it's simple to sort out but:

I'm trying to sort out my product_info pages, specifically the additional images. I want my additional images to be smaller than the value I have set for SMALL_IMAGE_WIDTH (I have my small images on product listing page as 155px, 270px for product_info and then 500px for large, so I need this 4th size for my layout)

Anyway, in the file includes/modules/my_template/additional_images.php I changed:
$thumb_slashes = zen_image(addslashes($base_image), addslashes($products_name), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT);
and
$thumb_regular = zen_image($base_image, $products_name, SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT);

to
$thumb_slashes = zen_image(addslashes($base_image), addslashes($products_name), 80, 80);
and
$thumb_regular = zen_image($base_image, $products_name, 80, 80);

And of course this does the trick of making the image smaller but now the lovely hovering pop-up that image handler added doesn't work. I can't figure out why making that change stops the pop-up from working.

I'm I being stupid? :)

Thanks anyway for a great mod!

How the on hover popup works and the proper settings needed to make it work is covered in the readme.. The changes you made will interfere with that.

[barricades]

Hey there, thanks for the quick reply!

OK I've had a look at the read-me and understand the necessary settings and from what I can see there's no easy way to do this without hacking the code? Is that right? So I'm going to give the code a good read through when I get a couple of hours and try and understand how it works. Hopefully the fix is in php! I haven't much experience with javascript.

Any pointers?

[DivaVocals]

Hey there, thanks for the quick reply!

OK I've had a look at the read-me and understand the necessary settings and from what I can see there's no easy way to do this without hacking the code? Is that right? So I'm going to give the code a good read through when I get a couple of hours and try and understand how it works. Hopefully the fix is in php! I haven't much experience with javascript.

Any pointers?

You will need to modify a great deal of the core IH4 code to get the functionality you want working.. I have no pointers to offer as I've never looked at making the kind of modification that you want.. Good luck, and if you feel so inclined, share your solution with the community..

[niccol]

I suspect that if you are competent enough to take that on you might want to think about a work-around.

A couple come to mind but as a first thought ---

It is not so hard to edit the image sizes on the page using javascript. So let the image get written to the page in the correct small image size. Then once the document is ready edit the width and the height. Admittedly you are not maximising the effect of IH as far as page load goes. But is there really that much difference if you load an image that is 125% of what you need and then scale it by 80%? With small images there is not going to be a big difference.

The CSS zoom property is another tempting way to go. It has pretty good cross browser support on modern browsers. Not so great on older browsers.

Just thoughts ...

[llynix]

I'm not sure if this has been reported, but IH4 has an outdated /admin/includes/modules/category_product_listing.php

It appears as though the version in IH4 is from 1.3.9c

There have been many changes to this file since 1.5 it would seem. There are a few security enhancements along with the fact the enable/disable buttons on this page have been changed from a link to a form.

IH4 breaks these buttons in ZC 1.5.1

Simple fix is to update this file with the version from 1.5.1 and then around line 352 make sure this line is in there:

<?php echo '<a href="' . zen_href_link(FILENAME_IMAGE_HANDLER, 'products_filter=' . $products->fields['products_id'] . '&current_category_id=' . $current_category_id) . '">' . zen_image(DIR_WS_IMAGES . 'icon_image_handler.gif', ICON_IMAGE_HANDLER) . '</a>'; ?>

This seems to be the only change this file requires.