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

misty:

You have stylesheet missing i.e.
style_imagehover.css

Misty,

Thanks for the reply. The mentioned file is in every /includes/templates/*/css/ folder EXCEPT "my template" (theme022).
Should it be in all or just the one?

Dave

I'm not Misty but I can answer that one ... it should be in your template css folder. It's not needed in the other template css folders unless you switch templates.

Also, the /jscript/jscript_imagehover.js needs to be in your theme022 folder.

kutnkudly:

Ok, I've installed IH on my store, never used it before, but it's causing issues that I've never had on previous store, so I want to totally uninstall it. I removed it through zen-cart admin, but I want all associated files back to normal. What's the easiest way to do this?

I would think you already did uninstall the easiest way. However, the following files are what was transfered to the server to make IH2 work. I suppose you would just remove them. I would suggest you actually transfer them back into a folder on your desktop (named something like IH2_backup). Then if ome of them was actually needed it can be easiely transfered back.
Remove these files from images:

/images/watermark.png
/images/zoom.png
/images/large/watermark_LRG.png
/images/large/zoom_LRG.png
/images/medium/watermark_MED.png
/images/medium/zoom_MED.png

/bmz_cache/

/admin/image_handler.php
/admin/images/cc.gif
/admin/images/checkpattern.gif
/admin/images/icon_image_handler.gif
/admin/images/ih_test.gif
/admin/images/ih_test.jpg
/admin/images/ih_test.png
/admin/includes/boxes/extra_boxes/image_handler_tools_dhtml.php
/admin/includes/extra_configures/bmz_image_handler_conf.php
/admin/includes/extra_configures/bmz_io_conf.php
/admin/includes/extra_datafiles/image_handler.php
/admin/includes/functions/extra_functions/functions_bmz_image_handler.php
/admin/includes/functions/extra_functions/functions_bmz_image_handler_update.php
/admin/includes/functions/extra_functions/functions_bmz_io.php
/admin/includes/functions/extra_functions/functions_bmz_update.php
/admin/includes/languages/english/extra_definitions/bmz_image_handler.php
/admin/includes/languages/german/extra_definitions/bmz_image_handler.php
/admin/includes/languages/spanish/extra_definitions/bmz_image_handler.php
/admin/includes/modules/category_product_listing.php.patch

Remove these files from includes:

/includes/classes/bmz_gif_info.class.php
/includes/classes/bmz_image_handler.class.php
/includes/extra_configures/bmz_image_handler_conf.php
/includes/extra_configures/bmz_io_conf.php
/includes/functions/extra_functions/functions_bmz_image_handler.php
/includes/functions/extra_functions/functions_bmz_io.php
/includes/templates/YOUR_TEMPLATE/css/style_imagehover.css
/includes/templates/YOUR_TEMPLATE/jscript/jscript_imagehover.js
/includes/templates/YOUR_TEMPLATE/popup_image_additional/tpl_main_page.php

There are 5 additional files that were uploaded. However, I looked at my site, which doesn't have and never had, Image Hander and these 5 files are listed. Therefore, I wouldn't remove them. If you do, you might run into trouble. These files are:

/includes/modules/pages/popup_image/header_php.php
/includes/modules/pages/popup_image_additional/header_php.php
/includes/modules/pages/additional_images.php
/includes/modules/pages/main_product_image.php
/admin/includes/modules/category_product_listing.php

Just a final thought, I see you are using and customizing the classic theme that comes with Zen Cart. You might want to look into the Overrides system. If you fully customize the classic theme then upgrade, you will lose all your customizations.

FatGuyinAZ:

I'm not Misty but I can answer that one ... it should be in your template css folder. It's not needed in the other template css folders unless you switch templates.

Also, the /jscript/jscript_imagehover.js needs to be in your theme022 folder.

FatGuy, Thanks for the reply.

I copied the file to my "theme022" folder, which is my template name, and I now have the hover effect on my main pages. However, still nothing on the individual product page.

2 Questions: Should I have copied the entire "templates_default" to MYTEMPLATES (theme022) folder, and, how do you increase the size of the hovering picture?

Dave

Yes that is exactly how it should be copied. I personally think the file structure for the /template/ part of the download is confusing. It should have 1 folder and it should be called /MYTEMPLATE/ and it should contain all that stuff that's needed in a person's template folder. A user would only need to rename /MYTEMLATE/ to their own template. This is how it's done on all the other downloads. Anyway ... I see it's working for you now. Good job.

The IH2 is making your images on your main page bigger from 100x75 to 150x112. However, I personally don't know how to make the images bigger. I would suspect if you adjust the settings in Admin -> Images to something bigger then the 150x112 then it would show bigger with the IH mouseover.

Sorry I can't help. I have the same question earlier in this thread but nobody has answered.

However, still nothing on the individual product page.
Image Handler 2 does not work on product image, only additional
images on product info page.

i have looked through many posts and i cannot find the answer to my problem...

i have compared every single file in the fresh copy of image handler with what i have my server using winmerge (i had a couple of files that had to be combined) and every single line is there that should be...

my popup on hover for small images is not working!!! it used to work... are there any settings anywhere in zen cart that might have broken this?

ooookay so i figured out (kinda) what is going on.

i have this script for my site as well:

/***********************************************
* Cool DHTML tooltip script II- © Dynamic Drive DHTML code library ([url]www.dynamicdrive.com[/url])
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at [url]http://www.dynamicdrive.com/[/url] for full source code
***********************************************/

var offsetfromcursorX=12 //Customize x offset of tooltip
var offsetfromcursorY=10 //Customize y offset of tooltip

var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmltooltip"></div>') //write out tooltip DIV
document.write('<img id="dhtmlpointer" src="http://store.realityshots.org/images/arrow2.gif">') //write out pointer image

var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thewidth, thecolor){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var nondefaultpos=false
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY

var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth){
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=curX-tipobj.offsetWidth+"px"
nondefaultpos=true
}
else if (curX<leftedge)
tipobj.style.left="5px"
else{
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
pointerobj.style.left=curX+offsetfromcursorX+"px"
}

//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight){
tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
nondefaultpos=true
}
else{
tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
pointerobj.style.top=curY+offsetfromcursorY+"px"
}
tipobj.style.visibility="visible"
if (!nondefaultpos)
pointerobj.style.visibility="visible"
else
pointerobj.style.visibility="hidden"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
pointerobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}

document.onmousemove=positiontip

it appears that the two scripts are fighting for control, when one is working, the other isn't. not sure what triggers image handler to take over, but it seems like my tooltip is the first to gain control which is why it seemed like none of my hovers were working...

can anybody take a look at my tooltip code and see if there is something i can change to help it work with image handler?

I'm sorry if this question has already been answered....I've looked and looked till my eyes crossed and I can't find the answer LOL

I have this working how I want it except for the background color behind the image hover, it's white and I want to change it to the same color as the center section of my site

http://www.havendesignz.com/store/index.php?main_page=products_new

Can anyone point me in the direction I need to go to change this bit? :)

christon26:

I'm sorry if this question has already been answered....I've looked and looked till my eyes crossed and I can't find the answer LOL

I have this working how I want it except for the background color behind the image hover, it's white and I want to change it to the same color as the center section of my site

http://www.havendesignz.com/store/index.php?main_page=products_new

Can anyone point me in the direction I need to go to change this bit? :)

Admin--> Configuration--> Images

Scroll to the bottom and you can add the RGB values for the background.

M

tophand:

Admin--> Configuration--> Images

Scroll to the bottom and you can add the RGB values for the background.

M

Thanx, I've tried that, first with transparent and then with just plain black but it's not working, I might be getting the rgb values wrong or I'm typing it in wrong....I am much more comfortable with html values LOL the color I want the background to be is #36373c

I found the answer.....and feel really really stupid now LOL had to change the color in style_imagehover.css ;)

IH2 is generating same file size for all three levels (SMALL, MEDIUM, LARGE).
Do you know what could be wrong?

I am working on shop with some other contributions already installed, especially "dual_pricing__wholesale_pricing_1-3-2" and "categories_menu_yahootreemenu_with_ajax_0-9" (cannot show you shop right now), but if I try IH2 on clean new installation of ZC, it all works fine.

I have set bmz_cache folder to 777, I am uploading file with non-problem filename (test.jpg).

Thank you for any help!

christon26:

I found the answer.....and feel really really stupid now LOL had to change the color in style_imagehover.css ;)

Beat me to it.

#trailimageid div{
  padding: 5px;
  background-color: #FFF;
  border: 1px solid #888;
  text-align: center;
}

M

imagino:

IH2 is generating same file size for all three levels (SMALL, MEDIUM, LARGE).
Do you know what could be wrong?

Resolved!
The bad was that I had set safe_mode on, and it must be OFF.

imagino:

Resolved!
The bad was that I had set safe_mode on, and it must be OFF.

OK, setting safe_mode to OFF is not necessary, as http://wiki.breakmyzencart.com/zen-cart:safemodehack says. But when I try to use "safemodehack" with safe_mode set to ON, it is not working and images are really all the same, nothing is creating in bmz_cache folder (rights to 777).

Do anybody know why?

imagino:

IH2 is generating same file size for all three levels (SMALL, MEDIUM, LARGE).
Do you know what could be wrong?

I am working on shop with some other contributions already installed, especially "dual_pricing__wholesale_pricing_1-3-2" and "categories_menu_yahootreemenu_with_ajax_0-9" (cannot show you shop right now), but if I try IH2 on clean new installation of ZC, it all works fine.

I have set bmz_cache folder to 777, I am uploading file with non-problem filename (test.jpg).

Thank you for any help!

I'm experiencing the same thing, except only on certain images? Does it have to do with the size of the image or anything like that? Thanks.

Qwert302:

I'm experiencing the same thing, except only on certain images? Does it have to do with the size of the image or anything like that? Thanks.

Just figured it out. It doesn't like images with an underscore in them. Remove the underscores from your image and it will probably work.

I have an installation problem, I think... Has anyone seen, maybe know how to fix, this one?

The installation went ok, and the admin menu is showing, all looking good there.
I copied files, but have not "merged" any template files, cannot figure out which need it.

At first, I saw no mouseover popup of the images at all.

What I find now is that the mousover hover popup image is only displayed on the Categories pages:

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

and only when the cursor is hovered over the category image with a (+) by it

then the image is displayed at the top of the page, not as a popup, which of course breaks the template.

This site is based on the template originally know as Sage, with minor CSS hacks to change colors, etc.

It's my hope to have all small thumbnails in any product display "table" do the hover popup of a larger image.

I have seen some sites using the IH2 mod, and it's SO SLICK, i hope to get it working on gotEdges.com!

Thanks for the great MOD :clap: and for any help you can provide...

Regards,
ixboat

Is there any way to change the small and medium sizes that IH2 creates from the original file? It would be nice if the medium pic was a little bigger. Thanks in advance.