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

mackey2001:

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.

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

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

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)

DivaVocals:

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.

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!

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

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?

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

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

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.

Hi!

I have integrated a wordpress blog in my zen cart 1.5.0 store. I've installed image handler 4 and some sharing icons.

http://www.marginallyclever.com/blog/

IH4 javascript seems to have taken control of the sharing icons. Now when I click them they don't work. Is there a CSS class tag I can add so IH4 will ignore these icons and let them work as normal?

Thank you!

i-make-robots:

Hi!

I have integrated a wordpress blog in my zen cart 1.5.0 store. I've installed image handler 4 and some sharing icons.

http://www.marginallyclever.com/blog/

IH4 javascript seems to have taken control of the sharing icons. Now when I click them they don't work. Is there a CSS class tag I can add so IH4 will ignore these icons and let them work as normal?

Thank you!
Wish I could help, but IH4 would have NO EFFECT on your sharing icons..

When I go through Firebug to inspect the DOM and the click() action pulls up IH4 javascript instead of the javascript for the sharing plugin.
So yes I believe it does. You can check it yourself at that URL.

i-make-robots:

When I go through Firebug to inspect the DOM and the click() action pulls up IH4 javascript instead of the javascript for the sharing plugin.
So yes I believe it does. You can check it yourself at that URL.
This would only seem to indicate that your WordPress plugin is mis-behaving.. Suggest trying a different plugin or check in at the Numinix forums and see if they can tell you how to configure your blog embedding to ignore the IH4 javascript..

I can see you're reluctant to say "this css tag feature is not available." Ok. thanks anyhow!

i-make-robots:

I can see you're reluctant to say "this css tag feature is not available." Ok. thanks anyhow!
Why would I be reluctant?? Your issue is just not related to IH4.

Here's the HTML generated by your social media plugin:

<div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing"><h3 class="sd-title">Share this:</h3><div class="sd-content"><ul><li class="share-twitter"><a rel="nofollow" class="share-twitter sd-button share-icon" href="http://www.marginallyclever.com/blog/2013/01/chainsaw-wielding-robot-arm-makes-furniture/?share=twitter" target="_blank" title="Click to share on Twitter" id="sharing-twitter-1800"><span>Twitter</span></a></li><li class="share-google-plus-1"><a rel="nofollow" class="share-google-plus-1 sd-button share-icon" href="http://www.marginallyclever.com/blog/2013/01/chainsaw-wielding-robot-arm-makes-furniture/?share=google-plus-1" target="_blank" title="Click to share on Google+" id="sharing-google-1800"><span>Google +1</span></a></li><li class="share-reddit"><a rel="nofollow" class="share-reddit sd-button share-icon" href="http://www.marginallyclever.com/blog/2013/01/chainsaw-wielding-robot-arm-makes-furniture/?share=reddit" target="_blank" title="Click to share on Reddit"><span>Reddit</span></a></li><li class="share-pinterest"><a rel="nofollow" class="share-pinterest sd-button share-icon" href="http://www.marginallyclever.com/blog/2013/01/chainsaw-wielding-robot-arm-makes-furniture/?share=pinterest" target="_blank" title="Click to share on Pinterest"><span>Pinterest</span></a></li><li class="share-email"><a rel="nofollow" class="share-email sd-button share-icon" href="http://www.marginallyclever.com/blog/2013/01/chainsaw-wielding-robot-arm-makes-furniture/?share=email" target="_blank" title="Click to email this to a friend"><span>Email</span></a></li><li><a href="#" class="sharing-anchor sd-button share-more"><span>More</span></a></li><li class="share-end"></li></ul><div class="sharing-hidden"><div class="inner" style="display: none;"><ul><li class="share-stumbleupon"><a rel="nofollow" class="share-stumbleupon sd-button share-icon" href="http://www.marginallyclever.com/blog/2013/01/chainsaw-wielding-robot-arm-makes-furniture/?share=stumbleupon" target="_blank" title="Click to share on StumbleUpon"><span>StumbleUpon</span></a></li><li class="share-linkedin"><a rel="nofollow" class="share-linkedin sd-button share-icon" href="http://www.marginallyclever.com/blog/2013/01/chainsaw-wielding-robot-arm-makes-furniture/?share=linkedin" target="_blank" title="Click to share on LinkedIn" id="sharing-linkedin-1800"><span>LinkedIn</span></a></li><li class="share-end"></li><li class="share-digg"><a rel="nofollow" class="share-digg sd-button share-icon" href="http://www.marginallyclever.com/blog/2013/01/chainsaw-wielding-robot-arm-makes-furniture/?share=digg" target="_blank" title="Click to Digg this post"><span>Digg</span></a></li><li class="share-tumblr"><a rel="nofollow" class="share-tumblr sd-button share-icon" href="http://www.marginallyclever.com/blog/2013/01/chainsaw-wielding-robot-arm-makes-furniture/?share=tumblr" target="_blank" title="Click to share on Tumblr"><span>Tumblr</span></a></li><li class="share-end"></li><li class="share-facebook"><a rel="nofollow" class="share-facebook sd-button share-icon" href="http://www.marginallyclever.com/blog/2013/01/chainsaw-wielding-robot-arm-makes-furniture/?share=facebook" target="_blank" title="Share on Facebook" id="sharing-facebook-1800"><span>Facebook</span></a></li><li class="share-print"><a rel="nofollow" class="share-print sd-button share-icon" href="http://www.marginallyclever.com/blog/2013/01/chainsaw-wielding-robot-arm-makes-furniture/" target="_blank" title="Click to print"><span>Print</span></a></li><li class="share-end"></li><li class="share-end"></li></ul></div></div><div class="sharing-clear"></div></div></div></div></div>

Don't see anything in here that is remotely a part of IH4.. Try a different social-media plugin and see if your issue is resolved..

i-make-robots:

Hi!

I have integrated a wordpress blog in my zen cart 1.5.0 store. I've installed image handler 4 and some sharing icons.

http://www.marginallyclever.com/blog/

IH4 javascript seems to have taken control of the sharing icons. Now when I click them they don't work. Is there a CSS class tag I can add so IH4 will ignore these icons and let them work as normal?

Thank you!

i-make-robots:

When I go through Firebug to inspect the DOM and the click() action pulls up IH4 javascript instead of the javascript for the sharing plugin.
So yes I believe it does. You can check it yourself at that URL.

i-make-robots:

I can see you're reluctant to say "this css tag feature is not available." Ok. thanks anyhow!

As I said, it's unlikely that the issue is IH4, but an issue with WordPress.. In this case you should look at your "W3 Total Cache" plugin which is minimizing some of your WordPress AND Zen Cart CSS and javascripts.

Perhaps excluding the Zen Cart scripts from caching may solve your issue.. You can also try a different social media plugin.. There are HUNDREDS of them available in the WordPress repository. I'd suggest the one for Add This as it's possible that they will not have the same issue as the scripts and CSS for this plugin are not local and are hosted on Add This site.

For the record, I'm not reluctant to say "this css tag feature is not available.". I'm reluctant to come to the same conclusions that you have because I don't think your conclusion is true.. Many folks have used the same Numinix blog embedding solution and to date NO ONE has reported any issues with IH4. Given the symptoms you are reporting it is MORE likely that the issue is being caused by a WordPress conflict, and I am suggesting that you should start there to resolve this..

Hope you get it all worked out, but I'm positive IH4 is NOT the issue here..

Tried to search but got too many results to go through them all...

Anyway, the problem is that some images are in GIF format. JPG images are resized correctly, but the GIF images aren't resized at all.

Before I go deeper into checking what is wrong, I wanted to ask if IH4 actually supports resizing GIF images, or if there is any known "issues" or "fix" to this.

Greetings IH4 experts, I have a general question about this mod. Will it help reduce the amount of server overhead my site is generating? I'm being pestered by my hosting company to reduce my CPU usage. I am on a VPS. Running my site through various website speed check sites, the biggest thing that keeps popping up negative are my images.

Here's my site if anyone wants to take a peek:

heathersheavenlyvapes.com

pasi:

Tried to search but got too many results to go through them all...

Anyway, the problem is that some images are in GIF format. JPG images are resized correctly, but the GIF images aren't resized at all.

Before I go deeper into checking what is wrong, I wanted to ask if IH4 actually supports resizing GIF images, or if there is any known "issues" or "fix" to this.If you are trying to use different image formats on the same product, then you will have issues. (all images for a single product must be the same format) And if I remember correctly IH4 does NOT support GIF files..