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

[k1ra]

I've got an odd issue. I just upgraded IH4 to the latest version, 4.3.2, and now my image swap does not work. I did not seem to have this problem with IH 4.2.

Image that was just replaced and image swap is not swapping correct image:

r o s e c i t y v i n t a g e [dot] com/index.php?main_page=product_info&cPath=1_5&products_id=384

Image that for some reason is not being resized, and working correctly

r o s e c i t y v i n t a g e [dot] com/index.php?main_page=product_info&cPath=1_5&products_id=74


My modified code in modules/additional_images.php is in red and TEXT_CLICK_TO_ENLARGE has been removed:

    $thumb_regular = zen_image($base_image, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);
    $large_link = zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large);

    // Link Preparation:
    $script_link = '<script language="javascript" type="text/javascript"><!--' . "\n" . 'document.write(\'' . ($flag_display_large ? '<a href="javascript:popupWindow(\\\'' . str_replace($products_image_large, urlencode(addslashes($products_image_large)), $large_link) . '\\\')">' . $thumb_slashes . '<br />TEXT_CLICK_TO_ENLARGE</a>' : $thumb_slashes) . '\');' . "\n" . '//--></script>';
	//edited for no 'larger image' link
    $noscript_link = '<noscript>' . ($flag_display_large ? '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large) . '" target="_blank">' . $thumb_regular . '<br /><span class="imgLinkAdditional"></span>TEXT_CLICK_TO_ENLARGE</a>' : $thumb_regular ) . '</noscript>';
	//edited for no 'larger image' link
	
      //    $alternate_link = '<a href="' . $products_image_large . '" onclick="javascript:popupWindow(\''. $large_link . '\') return false;" title="' . $products_name . '" target="_blank">' . $thumb_regular . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>';
$link = '<a href="' .  $base_image . '">' . $thumb_regular . '</a>';
    $link = $script_link . "\n      " . $noscript_link;
     //    $link = $alternate_link;

[delia]

K1ra,

Image swap would be an entirely different mod and I assume you probably overwrote some necessary files when you installed image handler. The image swap javascript or jQuery may also conflict with image handler.

Diva, of worthy note and may have been posted before in this thread:

I installed image handler and ran into a problem with the image on the product page requiring the use of the _MED image which doesn't exist at all. I finally figured out that the ImageMagick version is only 3. So if anyone runs into this problem and checks this thread, perhaps this will be of some use to them.

[k1ra]

I disabled my image swap as it appears to not work correctly with the new Image Handler. However, I still have a couple issues:

1. The large image popup is pulling the small image size instead of the large image. I just re-installed the new version of Image Handler.

2. I uploaded only the Large version of a product image, since IH4 is supposed to auto resize/compress, however all versions of the image are around 20kb, which is the filesize of the Large image I uploaded.

[k1ra]

I disabled my image swap as it appears to not work correctly with the new Image Handler. However, I still have a couple issues:

1. The large image popup is pulling the small image size instead of the large image. I just re-installed the new version of Image Handler.

2. I uploaded only the Large version of a product image, since IH4 is supposed to auto resize/compress, however all versions of the image are around 20kb, which is the filesize of the Large image I uploaded.

I figured out #2. The image name actually had _Lrg in it. I deleted the images, renamed and deleted the _Lrg, and now IH4 works as expected.

I'm still stumped on #1.

[Trinity14]

Your additional images are being forced to be 75px x 100px in your stylesheet.css.

Hope that helps,

[DivaVocals]

I've got an odd issue. I just upgraded IH4 to the latest version, 4.3.2, and now my image swap does not work. I did not seem to have this problem with IH 4.2.

Image that was just replaced and image swap is not swapping correct image:

r o s e c i t y v i n t a g e [dot] com/index.php?main_page=product_info&cPath=1_5&products_id=384

Image that for some reason is not being resized, and working correctly

r o s e c i t y v i n t a g e [dot] com/index.php?main_page=product_info&cPath=1_5&products_id=74


My modified code in modules/additional_images.php is in red and TEXT_CLICK_TO_ENLARGE has been removed:

    $thumb_regular = zen_image($base_image, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);
    $large_link = zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large);

    // Link Preparation:
    $script_link = '<script language="javascript" type="text/javascript"><!--' . "\n" . 'document.write(\'' . ($flag_display_large ? '<a href="javascript:popupWindow(\\\'' . str_replace($products_image_large, urlencode(addslashes($products_image_large)), $large_link) . '\\\')">' . $thumb_slashes . '<br />TEXT_CLICK_TO_ENLARGE</a>' : $thumb_slashes) . '\');' . "\n" . '//--></script>';
    //edited for no 'larger image' link
    $noscript_link = '<noscript>' . ($flag_display_large ? '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large) . '" target="_blank">' . $thumb_regular . '<br /><span class="imgLinkAdditional"></span>TEXT_CLICK_TO_ENLARGE</a>' : $thumb_regular ) . '</noscript>';
    //edited for no 'larger image' link
    
      //    $alternate_link = '<a href="' . $products_image_large . '" onclick="javascript:popupWindow(\''. $large_link . '\') return false;" title="' . $products_name . '" target="_blank">' . $thumb_regular . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>';
$link = '<a href="' .  $base_image . '">' . $thumb_regular . '</a>';
    $link = $script_link . "\n      " . $noscript_link;
     //    $link = $alternate_link;

Not to be nit picky.. but I personally found it was a PITA to put back together your URL JUST to look at the links you posted.. So I just looked at this today because I have time for playing with a copy, paste, and reassemble puzzle to take a look at your link.. (might be why not many folks responded to your question..)

going forward if you want to post links that don't gt picked up my the search engines simply typing http://rosecityvintage[dot]com/index.php?main_page=product_info&cPath=1_5&products_id=74 (without all the extra spaces) would have done the trick..

Your additional images are being forced to be 75px x 100px in your stylesheet.css.

Hope that helps,

Not just additional images but their sidebox images too..


.sideBoxContent img { width:100px; height:75px; }

Furthermore NONE of the product images appear to be managed by IH4 at all.. So in short IH4 is installed wrong..

[k1ra]

Not to be nit picky.. but I personally found it was a PITA to put back together your URL JUST to look at the links you posted.. So I just looked at this today because I have time for playing with a copy, paste, and reassemble puzzle to take a look at your link.. (might be why not many folks responded to your question..)

going forward if you want to post links that don't gt picked up my the search engines simply typing http://rosecityvintage[dot]com/index.php?main_page=product_info&cPath=1_5&products_id=74 (without all the extra spaces) would have done the trick..

Not just additional images but their sidebox images too..

.sideBoxContent img { width:100px; height:75px; }

Furthermore NONE of the product images appear to be managed by IH4 at all.. So in short IH4 is installed wrong..

Thanks. I'll remember that! It's much easier..

Yes the additional images are being forced to a smaller size in the css so they fit in the product_info page. Are you saying that is what is causing the popup to not pull the lrg images?

I re-installed IH4 twice this morning just in case I missed something, disabled the code for my image swap [which was custom], then deleted and re-uploaded the images for this product an hour ago:

http://rosecityvintage[dot]com/index.php?main_page=product_info&cPath=1_5&products_id=749

The src seems to show the images coming from IH4 cache, but the source for the popup seems to be for the same image instead of for the _Lrg image, or the image.600x800 as IH names it.

The images at the link provided are they only product who's images I have put through IH4. All other product images were created manually with the zen naming convention and the various sizes. These will be replaced eventually.

Thank you for responding. I have been stumped on this.

[DivaVocals]

Thanks. I'll remember that! It's much easier..

Yes the additional images are being forced to a smaller size in the css so they fit in the product_info page. Are you saying that is what is causing the popup to not pull the lrg images?

I re-installed IH4 twice this morning just in case I missed something, disabled the code for my image swap [which was custom], then deleted and re-uploaded the images for this product an hour ago:

http://rosecityvintage[dot]com/index.php?main_page=product_info&cPath=1_5&products_id=749

The src seems to show the images coming from IH4 cache, but the source for the popup seems to be for the same image instead of for the _Lrg image, or the image.600x800 as IH names it.

The images at the link provided are they only product who's images I have put through IH4. All other product images were created manually with the zen naming convention and the various sizes. These will be replaced eventually.

Thank you for responding. I have been stumped on this.

The image behavior of your site is indicative of one or more things as the cause:
IH4 is not installed correctly
You have other modifications that are interfering or are overwriting the IH4 files

I don't know which one is at play.

[k1ra]

The image behavior of your site is indicative of one or more things as the cause:
IH4 is not installed correctly
You have other modifications that are interfering or are overwriting the IH4 files

I don't know which one is at play.

This is what I thought, but I've uninstalled and re-installed IH4 multiple times, manually comparing and merging the files. The last time I just straight up replaced the files with the IH4 versions..I also compared my fileset to the default Zen fileset to see if I was missing something. I commented out the css forcing the additional images to be the size I need, though I don't see what that has to do with the wrong image being called in the first place. None of this seemed to make a difference.

The only mods I have installed are
IH4
Easy Populate 4
Stock By Attributes
Flexible Product Listing
Tabless Order Steps
Cross Sell

My host is on PHP 5.4

I supposed I'm left with trying the default template to see if that makes a difference, or trying with IH4 uninstalled.

[peanut77]

Hello

I have a bizarre wee quirk going on.

Using zencart 1.51, fresh install and then an import in of a 1.39h store data (following zencart step by step instructions - I have upgraded 50+ stores to date).

Using my own template.

plugins installed
image handler
ultimate seo urls
zx slideshow
pure css mega menu


Code is appearing for the additional images on the page, but the actual additional images are not appearing on the page.

<!--bof Additional Product Images -->
<div id="productAdditionalImages">

<div class="additionalImages centeredContent back" style="width:33%;">
<script language="javascript" type="text/javascript"><!--
document.write('<a href="javascriptopupWindow(\'http://www.xxxxx.co.uk/index.php?main_page=popup_image_additional&amp;pID=732&amp;pic=0&amp;products_im age_large_additional=images%2Fwd4879-navy_01.jpg\')"><img src="bmz_cache/2/2a8ef89bbe49e787fe8bed59c08c00f5.image.85x120.jpg" alt="Dickies Deluxe Boilersuit Coverall: WD4879" title=" Dickies Deluxe Boilersuit Coverall: WD4879 " width="85" height="120" style="position:relative" onmouseover="showtrail('bmz_cache/2/2a8ef89bbe49e787fe8bed59c08c00f5.image.301x425.jpg','Dickies Deluxe Boilersuit Coverall: WD4879',85,120,301,425,this,0,0,85,120);" onmouseout="hidetrail();" /><br />larger image</a>');
//--></script>
<noscript><a href="http://www.xxxxx.co.uk/index.php?main_page=popup_image_additional&amp;pID=732&amp;pic=0&amp;products_im age_large_additional=images/wd4879-navy_01.jpg" target="_blank"><img src="bmz_cache/2/2a8ef89bbe49e787fe8bed59c08c00f5.image.85x120.jpg" alt="Dickies Deluxe Boilersuit Coverall: WD4879" title=" Dickies Deluxe Boilersuit Coverall: WD4879 " width="85" height="120" style="position:relative" onmouseover="showtrail('bmz_cache/2/2a8ef89bbe49e787fe8bed59c08c00f5.image.301x425.jpg','Dickies Deluxe Boilersuit Coverall: WD4879',85,120,301,425,this,0,0,85,120);" onmouseout="hidetrail();" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>
<div class="additionalImages centeredContent back" style="width:33%;">
<script language="javascript" type="text/javascript"><!--
document.write('<a href="javascriptopupWindow(\'http://www.xxxxx.co.uk/index.php?main_page=popup_image_additional&amp;pID=732&amp;pic=1&amp;products_im age_large_additional=images%2Fwd4879-navy_02.jpg\')"><img src="bmz_cache/4/49e640a59266ecc3d4033b7bbc64c107.image.85x120.jpg" alt="Dickies Deluxe Boilersuit Coverall: WD4879" title=" Dickies Deluxe Boilersuit Coverall: WD4879 " width="85" height="120" style="position:relative" onmouseover="showtrail('bmz_cache/4/49e640a59266ecc3d4033b7bbc64c107.image.301x425.jpg','Dickies Deluxe Boilersuit Coverall: WD4879',85,120,301,425,this,0,0,85,120);" onmouseout="hidetrail();" /><br />larger image</a>');
//--></script>
<noscript><a href="http://www.xxxxx.co.uk/index.php?main_page=popup_image_additional&amp;pID=732&amp;pic=1&amp;products_im age_large_additional=images/wd4879-navy_02.jpg" target="_blank"><img src="bmz_cache/4/49e640a59266ecc3d4033b7bbc64c107.image.85x120.jpg" alt="Dickies Deluxe Boilersuit Coverall: WD4879" title=" Dickies Deluxe Boilersuit Coverall: WD4879 " width="85" height="120" style="position:relative" onmouseover="showtrail('bmz_cache/4/49e640a59266ecc3d4033b7bbc64c107.image.301x425.jpg','Dickies Deluxe Boilersuit Coverall: WD4879',85,120,301,425,this,0,0,85,120);" onmouseout="hidetrail();" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>
<div class="additionalImages centeredContent back" style="width:33%;">
<script language="javascript" type="text/javascript"><!--
document.write('<a href="javascriptopupWindow(\'http://www.xxxxx.co.uk/index.php?main_page=popup_image_additional&amp;pID=732&amp;pic=2&amp;products_im age_large_additional=images%2Fwd4879-navy_03.jpg\')"><img src="bmz_cache/0/07779b9a30004e6d80b41d1343725762.image.90x120.jpg" alt="Dickies Deluxe Boilersuit Coverall: WD4879" title=" Dickies Deluxe Boilersuit Coverall: WD4879 " width="90" height="120" style="position:relative" onmouseover="showtrail('images/wd4879-navy_03.jpg','Dickies Deluxe Boilersuit Coverall: WD4879',90,120,138,183,this,0,0,90,120);" onmouseout="hidetrail();" /><br />larger image</a>');
//--></script>
<noscript><a href="http://www.xxxxx.co.uk/index.php?main_page=popup_image_additional&amp;pID=732&amp;pic=2&amp;products_im age_large_additional=images/wd4879-navy_03.jpg" target="_blank"><img src="bmz_cache/0/07779b9a30004e6d80b41d1343725762.image.90x120.jpg" alt="Dickies Deluxe Boilersuit Coverall: WD4879" title=" Dickies Deluxe Boilersuit Coverall: WD4879 " width="90" height="120" style="position:relative" onmouseover="showtrail('images/wd4879-navy_03.jpg','Dickies Deluxe Boilersuit Coverall: WD4879',90,120,138,183,this,0,0,90,120);" onmouseout="hidetrail();" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>
<br class="clearBoth" />

</div>
<!--eof Additional Product Images -->

I have checked permissions are correct
I have checked file & path locations are correct (i.e if I follow these they all display in my browser)
I have checked that I have display additional images set to true
Normal main images are displaying fine and being resized as they should.

Totally stuck as to why they are not displaying

Any pointers would be much appreciated, can send url via PM

Thank you in advance for any help you can provide, I am stuck!!