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

[tophand]

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?

[Graphixclub]

That fixed it thank you for your time.

[mw4kids]

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

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!

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

[tophand]

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.

[need_help]

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.

[mw4kids]

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!

[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)

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!

[mw4kids]

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.

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

thanks!

[tophand]

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)

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.