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

Hi,

would someone please take a look at this page.

http://www.f u n a d u l t c o s tu m e s.co.uk/index.php?main_page=index&cPath=103

There are 8 products, all of which hover perfectly.

However, in the New Prodcuts box at the bottom, all 8 products appear there too which is fine. But the hover on the last 2 float far away from the mouse cursor. You may not be able to replicate this is you are running at a different resolution to me (if that affects the coordinates????)

Just wondering if anyone has seen this before?

I have incidentally just applied the IE PageY null fix.

Thanks

Kev

I suspect this has sometihng to do with there not being enough space BELOW the mouse cursor to display the image. I have attached a picture.

vandiermen:

Do you know someone is trying to sell this mod for €257.60 and they have a good google ranking...
I checked that site and yes, they are selling IH2 for $300, actually $299.95, but keep the change.
These guys are criminals, should be reported to authorities, although they are so lax in dealing with such issues, that probably nothing will get done.

Can some one help me I have installed IH2 2.0 and works fine but one detail my images are showing up on top to the left and my template moved down can some one please help. :blink::blink::wacko:
Another question is how do you make :blink:your hover image to be size 500x500. Thank you very much for all your help.
https://www.gifts-4-events.com

Graphixclub:

Can some one help me I have installed IH2 2.0 and works fine but one detail my images are showing up on top to the left and my template moved down can some one please help. :blink::blink::wacko:
Another question is how do you make :blink:your hover image to be size 500x500. Thank you very much for all your help.
www.gifts-4-events.com

You need to upload "All" of the IH files.
You are missing one.

Admin-->Config-->Images
The pop-up/hover image "is" the medium sized image which is the main image on the product info page.

tophand:

You need to upload "All" of the IH files.
You are missing one.

Admin-->Config-->Images
The pop-up/hover image "is" the medium sized image which is the main image on the product info page.

this is what I have for the image sizes i don't see pop up or hover. Thank you so much for your help there was a file missing. Got to love your ftp.
Images
Title Value Action
Small Image Width 170
Small Image Height 140 Info
Heading Image Width - Admin 57 Info
Heading Image Height - Admin 40 Info
Subcategory Image Width 100 Info
Subcategory Image Height 57 Info
Calculate Image Size true Info
Image Required true Info
Image - Shopping Cart Status 1 Info
Image - Shopping Cart Width 50 Info
Image - Shopping Cart Height 40 Info
Category Icon Image Width - Product Info Pages 57 Info
Category Icon Image Height - Product Info Pages 40 Info
Top Subcategory Image Width 150 Info
Top Subcategory Image Height 85 Info
Product Info - Image Width 175 Info
Product Info - Image Height 175 Info
Product Info - Image Medium Suffix _MED Info
Product Info - Image Large Suffix _LRG Info
Product Info - Number of Additional Images per Row 3 Info
Image - Product Listing Width 170 Info
Image - Product Listing Height 140 Info
Image - Product New Listing Width 170 Info
Image - Product New Listing Height 140 Info
Image - New Products Width 170 Info
Image - New Products Height 140 Info
Image - Featured Products Width 170 Info
Image - Featured Products Height 140 Info
Image - Product All Listing Width 170 Info
Image - Product All Listing Height 140 Info
Product Image - No Image Status 1 Info
Product Image - No Image picture no_picture.gif Info
Image - Use Proportional Images on Products and Categories 1 Info
IH resize images yes Info
IH small image filetype no_change Info
IH small image background 255:255:255 Info
IH watermark small images no Info
IH zoom small images yes Info
IH small image hotzone no Info
IH small image compression quality 85 Info
IH medium image filetype no_change Info
IH medium image background 255:255:255 Info
IH watermark medium images no Info
IH zoom medium images no Info
IH medium image hotzone no Info
IH medium image compression quality 85 Info
IH large image filetype no_change Info
IH large image background 255:255:255 Info
IH watermark large images no Info
IH large image compression quality 85 Info
IH large image maximum width 750 Info
IH large image maximum height 550 Info
IH watermark gravity Center Info
IH zoom gravity SouthEast Info

Small Image Width
Edit

The pixel width of small images

Graphixclub:

this is what I have for the image sizes i don't see pop up or hover. Thank you so much for your help there was a file missing. Got to love your ftp.
Images
Title Value Action
Small Image Width 170
Small Image Height 140 Info
Heading Image Width - Admin 57 Info
Heading Image Height - Admin 40 Info
Subcategory Image Width 100 Info
Subcategory Image Height 57 Info
Calculate Image Size true Info
Image Required true Info
Image - Shopping Cart Status 1 Info
Image - Shopping Cart Width 50 Info
Image - Shopping Cart Height 40 Info
Category Icon Image Width - Product Info Pages 57 Info
Category Icon Image Height - Product Info Pages 40 Info
Top Subcategory Image Width 150 Info
Top Subcategory Image Height 85 Info
** Product Info - Image Width 175** Info
Product Info - Image Height 175 Info
Product Info - Image Medium Suffix _MED Info
Product Info - Image Large Suffix _LRG Info
Product Info - Number of Additional Images per Row 3 Info
Image - Product Listing Width 170 Info
Image - Product Listing Height 140 Info
Image - Product New Listing Width 170 Info
Image - Product New Listing Height 140 Info
Image - New Products Width 170 Info
Image - New Products Height 140 Info
Image - Featured Products Width 170 Info
Image - Featured Products Height 140 Info
Image - Product All Listing Width 170 Info
Image - Product All Listing Height 140 Info
Product Image - No Image Status 1 Info
Product Image - No Image picture no_picture.gif Info
Image - Use Proportional Images on Products and Categories 1 Info
IH resize images yes Info
IH small image filetype no_change Info
IH small image background 255:255:255 Info
IH watermark small images no Info
IH zoom small images yes Info
IH small image hotzone no Info
IH small image compression quality 85 Info
IH medium image filetype no_change Info
IH medium image background 255:255:255 Info
IH watermark medium images no Info
IH zoom medium images no Info
IH medium image hotzone no Info
IH medium image compression quality 85 Info
IH large image filetype no_change Info
IH large image background 255:255:255 Info
IH watermark large images no Info
IH large image compression quality 85 Info
IH large image maximum width 750 Info
IH large image maximum height 550 Info
IH watermark gravity Center Info
IH zoom gravity SouthEast Info

Small Image Width
Edit

The pixel width of small images

I mark in red. See ^^
This is the main product image setting which is the medium size image. This is also the size setting for the pop-up/hover image.

krazykev:

Hi,

would someone please take a look at this page.

http://www.f u n a d u l t c o s tu m e s.co.uk/index.php?main_page=index&cPath=103

There are 8 products, all of which hover perfectly.

However, in the New Prodcuts box at the bottom, all 8 products appear there too which is fine. But the hover on the last 2 float far away from the mouse cursor. You may not be able to replicate this is you are running at a different resolution to me (if that affects the coordinates????)

Just wondering if anyone has seen this before?

I have incidentally just applied the IE PageY null fix.

Thanks

Kev

Did you edit any files?
I see this with only with IE.
With my sites I do not have this problem.
Are you sure you applied IE fix?

That fixed it thank you for your time.

Hi,
Been at this for hours and can't seem to find the solution...maybe someone can help me out. :blink:

recently installed IH2 and turned all my pictures in the Product Listings page to be different sizes. I am able to make them all the same size by turning Image - Use Proportional Images on Products and Categories to 'off'. However, when i do this two things happen:

1. I lose the Hover effect (which is ok if that needs to happen for me to have all my images uniform)
2. But most importantly, I lose my Product Info page image.

Does anyone know how i can fix this?

thanks!

hi,

I guess no one has an anwer for this :(

Would it best then to not have IH2 installed and work on decreasing the file sizes of the images to 5K each and upload them through categories/products/edit like normally?

one of the reasons for installing this addon was to improve my sites speed, which it has but it looks a bit disorganized with the various sized images...

thanks!

mw4kids:

hi,

I guess no one has an anwer for this :(

Would it best then to not have IH2 installed and work on decreasing the file sizes of the images to 5K each and upload them through categories/products/edit like normally?

one of the reasons for installing this addon was to improve my sites speed, which it has but it looks a bit disorganized with the various sized images...

thanks!

Sorry, I and others that help with IH don't spend all our time living here.

Have you read the manual?

The "Images Configuration Page" and the "Image Dimensions" sections might be help to you.

mw4kids:

hi,

I guess no one has an anwer for this :(

Would it best then to not have IH2 installed and work on decreasing the file sizes of the images to 5K each and upload them through categories/products/edit like normally?

one of the reasons for installing this addon was to improve my sites speed, which it has but it looks a bit disorganized with the various sized images...

thanks!

It shouldn't have different sized images.

The size of your image is controlled in your admin panel in Configuration and Images.

I recommend also installing Lightbox as this and Image Handler work great together and it will look very professional.

hi, thanks! yeah, i read the manual, but i guess i'm just not getting it yet...will take another look at it though.

the lightbox addon sounds interesting, will look into that also, thanks!

hi,

can someone please take a look at my files...i don't know what I'm missing. I've read the manual several times and know how to change dimensions of pics, but it does not make my pics uniform. the only thing that does is setting the 'Use proportional images....' to 'off' as i stated previously but my Product Info pics go missing when i do.

Can it be the manner on how my pictures are prepped with my camera program? ( i do a lot of cropping/editting on the pics before uploading to zencart) :dontgetit

Images

Title Value Action
Small Image Width 150
Small Image Height 130
Heading Image Width - Admin 57
Heading Image Height - Admin 40
Subcategory Image Width 100
Subcategory Image Height 58
Calculate Image Size true
Image Required true
Image - Shopping Cart Status 1
Image - Shopping Cart Width 50
Image - Shopping Cart Height 40
Category Icon Image Width - Product Info Pages 57
Category Icon Image Height - Product Info Pages 40
Top Subcategory Image Width 100
Top Subcategory Image Height 35
Product Info - Image Width 220
Product Info - Image Height 200
Product Info - Image Medium Suffix _MED
Product Info - Image Large Suffix _LRG
Product Info - Number of Additional Images per Row 3
Image - Product Listing Width 150
Image - Product Listing Height 130
Image - Product New Listing Width 150
Image - Product New Listing Height 130
Image - New Products Width 150
Image - New Products Height 130
Image - Featured Products Width 150
Image - Featured Products Height 130
Image - Product All Listing Width 150
Image - Product All Listing Height 130
Product Image - No Image Status 1
Product Image - No Image picture no_picture.gif
Image - Use Proportional Images on Products and Categories 1
IH resize images yes
IH small image filetype no_change
IH small image background 255:255:255
IH watermark small images no
IH zoom small images yes
IH small image hotzone no
IH small image compression quality 85
IH medium image filetype no_change
IH medium image background 255:255:255
IH watermark medium images no
IH zoom medium images no
IH medium image hotzone no
IH medium image compression quality 85
IH large image filetype no_change
IH large image background 255:255:255
IH watermark large images no
IH large image compression quality 85
IH large image maximum width 750
IH large image maximum height 550
IH watermark gravity Center
IH zoom gravity SouthEast
Product Image - No Image Status

thanks!

Well it's not going to be an easy task, but I figured out how to get the pics on my product listing uniform.

the only way i figured to make it work (just in case anyone else runs into the same problem) is to:

Resize all my pics to the same width and height dimensions and re-upload them...it's a weeks worth of work since I have over 800 unique products but hey you gotta do what you gotta do. :bangin:

If anyone can come up with a quicker solution...I'm all ears.

thanks!

mw4kids:

hi,

can someone please take a look at my files...i don't know what I'm missing. I've read the manual several times and know how to change dimensions of pics, but it does not make my pics uniform. the only thing that does is setting the 'Use proportional images....' to 'off' as i stated previously but my Product Info pics go missing when i do.

Can it be the manner on how my pictures are prepped with my camera program? ( i do a lot of cropping/editting on the pics before uploading to zencart) :dontgetit

Images

Title Value Action
Small Image Width 150
Small Image Height 130
Heading Image Width - Admin 57
Heading Image Height - Admin 40
Subcategory Image Width 100
Subcategory Image Height 58
Calculate Image Size true
Image Required true
Image - Shopping Cart Status 1
Image - Shopping Cart Width 50
Image - Shopping Cart Height 40
Category Icon Image Width - Product Info Pages 57
Category Icon Image Height - Product Info Pages 40
Top Subcategory Image Width 100
Top Subcategory Image Height 35
Product Info - Image Width 220! <-------
Product Info - Image Height 200
Product Info - Image Medium Suffix _MED
Product Info - Image Large Suffix _LRG
Product Info - Number of Additional Images per Row 3
Image - Product Listing Width 150! <-------
Image - Product Listing Height 130
Image - Product New Listing Width 150
Image - Product New Listing Height 130
Image - New Products Width 150
Image - New Products Height 130
Image - Featured Products Width 150
Image - Featured Products Height 130
Image - Product All Listing Width 150
Image - Product All Listing Height 130
Product Image - No Image Status 1
Product Image - No Image picture no_picture.gif
Image - Use Proportional Images on Products and Categories 1
IH resize images yes
IH small image filetype no_change
IH small image background 255:255:255
IH watermark small images no
IH zoom small images yes
IH small image hotzone no
IH small image compression quality 85
IH medium image filetype no_change
IH medium image background 255:255:255
IH watermark medium images no
IH zoom medium images no
IH medium image hotzone no
IH medium image compression quality 85
IH large image filetype no_change
IH large image background 255:255:255 Set RGB values for back ground color behind image.
IH watermark large images no
IH large image compression quality 85
IH large image maximum width 750
IH large image maximum height 550
IH watermark gravity Center
IH zoom gravity SouthEast
Product Image - No Image Status

thanks!

See notes above in red.

From the manual @ http://breakmyzencart.com/ih-doc

The parameters to configure image dimensions have been enhanced to not only accept numerical values, but to accept parameters with an appended “!” which implies a force canvas size mode. Images are resized to fit and placed centered inside the fixed canvas instead of resizing the image to just one of the dimensions if it doesn’t feature the same aspect ratio as the settings. That sounds too complicated? Trust me, it isn’t. Just see for yourself: Configure a nice colored background and test both values with and without the appended “!”.

*There are different approaches to setting the dimension of images. *

• You can do it the normal way and simply specify width and height dimensions in pixels. Set width to 100 and height to 80* for example. If your image is 200×200 it will be resized to 80×80 because this is the biggest size that fits into 100×80.
• You can just set width (or height) to e.g. 100 and leave the other dimension blank (or set to 0). Now you specified a width (or height) that the image in question will be resized to. The height (or width) will be calculated according to the correct aspect ratio. *
• You can for example set it like the first example but append “!” to one value (for example 80! for small image height). The generated resized images are centered on a canvas that matches exactly the given size for the corresponding image. If you specified 100×80! your 200×200 image from the first example will be resized to 80×80 and placed centered on a 100×80 canvas filled with the specified background color. Think of it as kind of forcing image dimensions without messing up the aspect ratio. *

thanks Tophand!! I would of never figured that out. :thumbsup: Unfortunately it just makes my funny cropped pics look even more weird but i think i can make it work... you can really get creative with this stuff :artist:

thanks again!!

Hello TopHand,

I cannot figure out why these two additional product not showing.

Can you take a look.

Zoom does not work for these: Please check here and here.

Zoom works. Please check here.

My settings below:

Small Image Width    
Small Image Height - 150!   
Heading Image Width - Admin    
Heading Image Height - Admin - 57!   
Subcategory Image Width    
Subcategory Image Height - 100!   
Calculate Image Size - true   
Image Required true   
Image - Shopping Cart Status - 1   
Image - Shopping Cart Width    
Image - Shopping Cart Height - 69!   
Category Icon Image Width - Product Info Pages    
Category Icon Image Height - Product Info Pages - 150!   
Top Subcategory Image Width    
Top Subcategory Image Height - 150!   
Product Info - Image Width    
Product Info - Image Height - 250!   
Product Info - Image Medium - Suffix _MED   
Product Info - Image Large - Suffix _LRG   
Product Info - Number of Additional Images per Row - 3   
Image - Product Listing Width    
Image - Product Listing Height - 150!   
Image - Product New Listing Width    
Image - Product New Listing Height - 150!   
Image - New Products Width    
Image - New Products Height - 150!   
Image - Featured Products Width    
Image - Featured Products Height - 150!   
Image - Product All Listing Width    
Image - Product All Listing Height - 150!   
Product Image - No Image Status - 1   
Product Image - No Image picture - no_picture.png   
Image - Use Proportional Images on Products and Categories - 1
IH resize images - yes   
IH small image filetype - no_change   
IH small image background - 255:255:255   
IH watermark small images - no   
IH zoom small images - yes   
IH small image hotzone - no
IH small image compression quality - 85   
IH medium image filetype - no_change   
IH medium image background - 255:255:255   
IH watermark medium images - no   
IH zoom medium images - no   
IH medium image hotzone - no   
IH medium image compression quality - 85   
IH large image filetype - no_change   
IH large image background - 255:255:255   
IH watermark large images - no   
IH large image compression quality - 85   
IH large image maximum width - 300   
IH large image maximum height - 400   
IH watermark gravity - Center   
IH zoom gravity - SouthEast

I hope you can help!

tophand:

Can you answer my #2 question?
Possible you have corrupt png image(s).

Possible that Chrome doesn't support this or maybe you need to tune something on??

Tophand, I seem to see the same issue as Atma did. In Google Chrome browser, with a fresh install of IH2, the popup images during the mouse-over appear at the top of the visible page, in the product listing. I am surprised no one else had the same issue as the two of us. Any ideas yet?