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

jubei:

Guys I'd like to REMOVE the image hover effect. How do I do that?:)

admin > configuration > images --- the various ZOOM options down in the IH section

I installed Image Handler 2 on Zen Card 1.3.7

Image Handler seems to work fine. Everything is good until i try to add more pictures in a product (via admin/tools/image handler 2)
I see categories, i select product, i am going to add pic.
When i select the images and click to save i get the message:

You don't have permission to access /admin/image_handler.php on this server.

Why i don't have permission? image_handler.php works fine until i save new pictures...
Please help! I am stuck...

You will need to set the file permissions on the images and bmz_cache directories to 777

more details for the above message... (sorry!)

I installed Image Handler 2 on Zen Card 1.3.7
PHP safe_mode = OFF
Permissions
/admin = 755
/images and all subdirectories = 777
/bmz_cache = 755
/admin/images = 755
image_handler.php = 644 (i try with 744, 755 but the same error - see bellow). When i try with 777 i get fatal error in image handler!

My problem:
Image Handler seems to work fine. Everything is good until i try to add more pictures in a product (via admin/tools/image handler 2)
I see categories, i select product, i am going to add pic (new file).
I select the image file but when i click to save i get the message:

You don't have permission to access /admin/image_handler.php on this server.

Why i don't have permission? image_handler.php works until i click to save new pictures...
Please help! I am stuck...

I change permissions of bmz_cache to 777 (was 755) but i have the same problem...

(but thanks for the reply...)

Evening all,

Got a simple one for you all (most likely) -

I have recently had IH2 installed and need to make all my med images larger. I changed the size in admin-config-image-prod info to 500w but it looks like the IH2 is restricting the old (pre IH2 install) images to 200w. Cant work out how i change the IH2 med size. It has the option to change the large image?!

Please help. Thanks in advance!

Matt
https://www.giftwrapuk.co.uk

@alex2310 - sorry, I'm out of ideas now.

@mattallam - I'm not 100% sure, but I think if there are images in the images/medium directory then Zen Cart will pick them up rather than the IH version.

If that's not it, try clearing the image cache from the IH admin

tasmania:

Actually yesterday i found the problem but my coding knowladge is not good enough to fix buggy codes. If anyone helps me

about fixing i'll be grateful.

The problem arise from added backslashes in the bmz_image_handler.class.php line 702.

onmouseover="showtrail (' . "'$products_image_zoom','$alt',$width,$height

> 
> If i remove this backslashes all pages work fine (shows popup images on mouse over) except product_info_display. When the 
> 
> backslashes are removed product_info_display.php doesn't ever shows additional images.
> 
> The code detail of two different pages are below:
> 
> **product_info_display.php** --> The Code with Backslashes - Work Fine
> 
> ```
 <script language="javascript" type="text/javascript"><!--
document.write('<a 
href="javascript:popupWindow(\'http://localhost/yeni3/index.php?main_page=popup_image_additional&pID=187&pic=0&pr
oducts_image_large_additional=images/outwear_01.jpg\')"><img 
src="bmz_cache/2/27f3969a344502c357df2741750239ad.image.78x80.jpg" alt=" " title=" " width="78" height="80" style="position:relative" onmouseover="showtrail(\'bmz_cache/7/7dddd9592ad5ce26631be343b2c9224d.image.270x273.jpg\',\'SportHilL Windshield Vest\',78,80, 270,273,this,0,0,78,80);" nmouseout="hidetrail();"  /><br />büyüt</a>');

/index.php?main_page=index&cPath=54 (Category Listing Page) --> The Code with Backslashes - Doesn't Work Fine

<div class="dc main_cell_c1" ><br><a href="http://localhost/yeni3/index.php?main_page=product_info&cPath=54&products_id=134"><img src="bmz_cache/a/afe23b0e59406cf3795ed237bd9e331e.image.80x80.jpg" alt=" " title=" " width="80" height="80" style="position:relative" onmouseover="showtrail('images//sss.jpg','Mens GORE-TEX Jacket',80,80, 110,110,this,0,0,80,80);" onmouseout="hidetrail();" /></a></div> ``` > > Because of the document.write code in product_info_display.php there must be backslashes on the other side these backslashes must be removed in order to other listing pages work fine. > > All the pages use the code in the bmz_image_handler.class.php (line: 702). > > How can i fix the problem. I spent a full day to resolve but no success. Apologize for the long explanation.

I'm looking at this too... could we somehow wrap this in a conditional?

Something that basically says "if the page is product_info, use this code, else, use this code".

Ryk:

@alex2310 - sorry, I'm out of ideas now.

@Ryk - Thank you for reply! If you have time to see it, please help. I continue to add my products and i am waiting until found a solution for more images (with or without Image Handler...)

tasmania:

The code detail of two different pages are below:

product_info_display.php --> The Code with Backslashes - Work Fine

<script language="javascript" type="text/javascript"><!-- document.write('<a href="javascript:popupWindow(\'http://localhost/yeni3/index.php?main_page=popup_image_additional&pID=187&pic=0&pr oducts_image_large_additional=images/outwear_01.jpg\')"><img src="bmz_cache/2/27f3969a344502c357df2741750239ad.image.78x80.jpg" alt=" " title=" " width="78" height="80" style="position:relative" onmouseover="showtrail(\'bmz_cache/7/7dddd9592ad5ce26631be343b2c9224d.image.270x273.jpg\',\'SportHilL Windshield Vest\',78,80, 270,273,this,0,0,78,80);" nmouseout="hidetrail();" /><br />büyüt</a>'); ``` > > **/index.php?main_page=index&cPath=54 (Category Listing Page)** --> The Code with Backslashes - Doesn't Work Fine > > ``` <div class="dc main_cell_c1" ><br><a href="http://localhost/yeni3/index.php?main_page=product_info&cPath=54&products_id=134"><img src="bmz_cache/a/afe23b0e59406cf3795ed237bd9e331e.image.80x80.jpg" alt=" " title=" " width="80" height="80" style="position:relative" onmouseover="showtrail('images//sss.jpg','Mens GORE-TEX Jacket',80,80, 110,110,this,0,0,80,80);" onmouseout="hidetrail();" /></a></div> ``` > > > How can i fix the problem. I spent a full day to resolve but no success. Apologize for the long explanation. Hi There, Ok, I've found that replacing the original code in classes/bmz_image_handler.php (~line 701): ``` 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: ``` 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. What I'd also like to figure out how to do, is to prevent the hover on CATEGORY and SUBCATEGORY images (as I try to upload the smallest category image possible, since IH2 doesn't resize these - yet it still adds the mouseover to them). Anyway, I tried a few things to get that to work, but haven't figured it out yet. Any ideas?

[/CODE]
Fixes the issue of additional images not displaying, while still allowing the hover effect on product listing pages.[/QUOTE]

Hi jettrue,

I see your post just now and apply your code. It fixed the problem. Thank you very much.

I'm about to install Image Handler on a new Zen Car install. I've added my custom folders for the override system. I'm trying to find detailed documentation on where to put my files, so they won't get overwritten on an upgrade.

Scott

I just installed IH2 on ZC 1.3.7. Here're my questions:

1. I uploaded more than one image to the same product, but only the top image is displayed in the product info. How do I display multiple images?

2. What does "Preview" do? All I see is a 3x3 table with 9 broken image links.

3. The documentation of IH2 states that the tool can be accessed via Admin>Catalog>Categories/Products, there should be an "i" icon between the copy and attributes icons, but I don't see it. The only way I can access this tool is Admin>Tool. What am I missing?

Thanks,
Henry

anyone fix the problem in IE and the page error?
the IH works perfectly in FireFox, but in IE it will give error and only work on pictures that are at top of screen, by scrolling down so the next set of pictures are at the top, then the IH works, Iv'v tried the fixes mentioned in the jscript_imagehover.js, but no luck :no:

I have a weird issue with zooming that I'm not sure if it's been covered. I searched but there are so many pages, anyway...

In FireFox 2.0 and IE7 when the zoom kicks in, it moves the whole page down and places the image at the upper left corner of the page.

see here: lifesubstance.com/shop/index.php?main_page=index&cPath=3

Thanks,

Sammy

EDIT: Found the solution.
I'm using a custom template, so I needed to copy the stylesheet from /includes/templates/template_default/css into my custom template's css folder. So if you have this problem copy the CSS and Popup Additional folders into your custom template

IH2 appears to have a bug, specifically in the way the zoom javascript breaks whenever the product name contains an apostrophe. See what I mean on the caboose playhouse page, compared to the barn style garage page. The javascript on the offending playhouse page throws an error in IE7: Expected ')' -- which seems to indicate one of the apostrophes in the alt/title tags isn't correctly escaped.

Worth noting that the small image on the index page zooms as it should, apostrophes and all. The difference appears to be that the index page doesn't invoke the javascript ...

<a href="http://shedkitstore.com/index.php?main_page=product_info&cPath=74&products_id=179"><img src="bmz_cache/8/8075439ce70514ab472d999283da0e4f.image.120x82.jpg" alt="Casey's Caboose wooden playhouse kit" title=" Casey's Caboose wooden playhouse kit " width="120" height="82" style="position:relative" onmouseover="showtrail('bmz_cache/0/0338ac26f0930bbbbafc3097a2935893.image.285x196.jpg','Casey\'s Caboose wooden playhouse kit',120,82,285,196,this,0,0,120,82);" onmouseout="hidetrail();"  /></a>
```... while the product info page does:```html
<script language="javascript" type="text/javascript"><!--
document.write('<a href="javascript:popupWindow(\'http://shedkitstore.com/index.php?main_page=popup_image_additional&pID=179&pic=0&products_image_large_additional=images/large/KidKaboose_01_LRG.jpg\')"><img src="bmz_cache/2/2717d35263012ddce8d95e31808086fc.image.120x82.jpg" alt="Casey\'s Caboose wooden playhouse kit" title=" Casey\'s Caboose wooden playhouse kit " width="120" height="82" style="position:relative" onmouseover="showtrail(\'bmz_cache/b/bede9269e8716238777113eb9f9de673.image.285x196.jpg\',\'Casey\'s Caboose wooden playhouse kit\',120,82,285,196,this,0,0,120,82);" onmouseout="hidetrail();"  /><br />Enlarge image</a>');
//--></script><a href="javascript:popupWindow('http://shedkitstore.com/index.php?main_page=popup_image_additional&pID=179&pic=0&products_image_large_additional=images/large/KidKaboose_01_LRG.jpg')"><img src="bmz_cache/2/2717d35263012ddce8d95e31808086fc.image.120x82.jpg" alt="Casey's Caboose wooden playhouse kit" title=" Casey's Caboose wooden playhouse kit " style="position: relative;" onmouseover="showtrail('bmz_cache/b/bede9269e8716238777113eb9f9de673.image.285x196.jpg','Casey's Caboose wooden playhouse kit',120,82,285,196,this,0,0,120,82);" onmouseout="hidetrail();" height="82" width="120"><br>Enlarge image</a>

      <noscript><a href="http://shedkitstore.com/index.php?main_page=popup_image_additional&pID=179&pic=0&products_image_large_additional=images/large/KidKaboose_01_LRG.jpg" target="_blank"><img src="bmz_cache/2/2717d35263012ddce8d95e31808086fc.image.120x82.jpg" alt="Casey's Caboose wooden playhouse kit" title=" Casey's Caboose wooden playhouse kit " width="120" height="82" style="position:relative" onmouseover="showtrail(\'bmz_cache/b/bede9269e8716238777113eb9f9de673.image.285x196.jpg\',\'Casey\'s Caboose wooden playhouse kit\',120,82,285,196,this,0,0,120,82);" onmouseout="hidetrail();"  /><br />Enlarge image</a></noscript>
```My question, then, is how does a web monkey like me fix this?

I'm having an issue with additional images not showing up. I have tried the fix that was posted earlier, which does correct the additional images not showing up, but then the fancy hover doesn't work in Product listing. I tried the fix from jettrue too but then I get a parse error of unexpected end.....

I know nothing about PHP so after going cross eyed yesterday reading I finally gave up. Can anyone help with this issue?

Heather

hdonald:

I'm having an issue with additional images not showing up. I have tried the fix that was posted earlier, which does correct the additional images not showing up, but then the fancy hover doesn't work in Product listing. I tried the fix from jettrue too but then I get a parse error of unexpected end.....

I know nothing about PHP so after going cross eyed yesterday reading I finally gave up. Can anyone help with this issue?

Heather

You may have copied and pasted incorrectly. Try my code adjustment again, and be careful to REPLACE the code correctly. Replace ONLY line 701 (leave the '}' that is on the following line):

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 (be sure to copy it all):

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();" ';
		}

IF you still get the error, reply here, and let me see your site with the error.

Or, to put it another way, how would someone who is NOT a web-monkey like me fix this?

tvadpro:

IH2 appears to have a bug, specifically in the way the zoom javascript breaks whenever the product name contains an apostrophe.

Try adding this:
$alt = str_replace("'", '', $alt);

right after this:
$alt = str_replace('"', '"', $alt);

in includes/classes/bmz_image_handler.class.php