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

Quote:

---

Originally Posted by Whyisthissodifficult

Hello!

I apologize in advance if this is the incorrect area to post this question and problem.

I am also suddenly having an issue with the images appearing on my products. Old products working fine, new products not so much!

I am running Zen Cart 1.3.8a
Database Patch Level: 1.3.8
v1.3.8 [2009-06-03 18:14:52] (Fresh Installation)
v1.3.8 [2009-06-03 18:14:52] (Fresh Installation)
GoDaddy Linux/Shared Hosting
PHP 4.x
MSQL

The site has not been updated since initially installed.

I assume I need to figure out what version of the image handler I am using first?

How and where do I go to see what version of the IH I am using?

Again, I apologize for being in the wrong place, technologically impaired, and short on caffeine to further muck up the works.

Cheers

---

1. post link to store for better help

2. if not too involved in mods and all---upgrade to zencart 1.3.9h-- far more stable and secure than the one you have. I have had to go bail out people that their hosts shut them down due to hacks that were made to their stores.

3. assuming you have not added IH recently then most likely you are using v2...also upgarade to 1.3.9h store then to IH3 which is also improved to go with new store coding.

4. possibly expect problems with go daddy--others have when it comes to their stores and that ridiculous host.

5. in admin area: admin/tools in that drop down menu you will see the link to IH and it should say what version you have in the name

ver 1.3.9h

THis is a very sporadic issue so not easy to duplicate. But, today for about the fifth time in past few months I tried to replace and even remove an image, but it will NOT budge. When I tried to add a new image with the product editor , the image would go into as an "added" image instead of the primary image. As in this product below:

http://www.cvtreasures.com/hollywood...ry-rare-p-2310

Note the secondary image, I am trying to make the primary image (it is same image but brighter than the current primary image

Quote:

---

Originally Posted by kevinmc3

ver 1.3.9h

THis is a very sporadic issue so not easy to duplicate. But, today for about the fifth time in past few months I tried to replace and even remove an image, but it will NOT budge. When I tried to add a new image with the product editor , the image would go into as an "added" image instead of the primary image. As in this product below:

http://www.cvtreasures.com/hollywood...ry-rare-p-2310

Note the secondary image, I am trying to make the primary image (it is same image but brighter than the current primary image

---

when you go to replace the image are you going into IH control or through the description for the product?

are you -- when using image handler controls--

do you click new file button --- this will add it as an additional image at times


1. click the space between the little i inside the circle to get the right spot then click delete to get rid of the image

then upload the new one you want to replace it

or manually go to server where the image is and upload new one with exact same name to overwrite the one there that should work to replace the picture

Hi everyone,

I installed IH2 last night (I didn't go to IH3 because I was put off by the too many files but I will probably do so once I get more familiar). I run 1.3.9h on a test environment and therefore I can not provide a link but I have some screen shots to describe a small issue I face.

Before going to the issue, I will share my experience in case it proves useful to other users. I must confess that I didn't read all posts in this thread (almost 700 pages) and tried to work on the basis of the readme file.

I listed two test products and created a thumbnail (named thumbsize.jpg), a medium size (named mediumsize.jpg) and a large size (named largesize.jpg) image for each. I added the images for each product from the IH2 manager, only to find out that the images of the second product were overwriting those of the first product because of the identical file names which were saved in the /image folder. Adding the proper path in the box provided (see the red arrow in screenshot1 below, solved the problem. It took me some time to understand the reason, but it seems that the brain of a 64-year old doesn't work very fast in our days.

http://athenscollectibles.info/image...creenshot1.jpg

Now, I have New Products and Featured Products listed at the bottom of main page. See the values as entered in the Configuration > Index Listing in the screenshot2 and how it actually appears in screenshot3 below. The heading New Products is actually a modified "New Products for ... (month)" of the standard ZC.

http://athenscollectibles.info/image...creenshot2.jpg

http://athenscollectibles.info/image...creenshot3.jpg

As you can see in screenshot 4, the hover effect works fine with Featured Products but it doesn't with the New Products section and this is the reason for my post. Can anyone understand what could be wrong and either suggest a solution or give me a clue as to where I should search?

http://athenscollectibles.info/image...creenshot4.jpg

I read in post #6868:

Quote:

---

When you hover your mouse over an image, look at the info bar at the bottom of your browser to see what the file path is. If it does not say "bmz_cache" followed by a combo of a bunch of letters and/or numbers, then the image files are not being served from the bmz_cache folder.

---

Hovering over the image of Second Test Product it only shows the /index.php?main_page=product_info&cPath=7_16_23&products_id=12 in both New and Featured products, while if I right click on Chrome and then click Inspect Element, I get:

<img src="images/products/movies/documentary/history/test2/thumbsize.jpg" alt="Second test product" title=" Second test product " width="120" height="96"> in the New Products and

<img src="images/products/movies/documentary/history/test2/thumbsize.jpg" alt="Second test product" title=" Second test product " width="120" height="96" style="position:relative" onmouseover="showtrail('bmz_cache/6/68a5c18a0ab6cc9ffa54908bc8b8ca26.image.250x250.jpg','Second test product',120,96,250,250,this,0,0,120,96);" onmouseout="hidetrail();"> in Featured Products.

The hover effect works with New Products in page /index.php?main_page=products_new and the Inspect Element shows:

<img src="images/products/movies/documentary/history/test2/thumbsize.jpg" alt="Second test product" title=" Second test product " width="120" height="96" style="position:relative" onmouseover="showtrail('bmz_cache/6/68a5c18a0ab6cc9ffa54908bc8b8ca26.image.250x250.jpg','Second test product',120,96,250,250,this,0,0,120,96);" onmouseout="hidetrail();">

The hover effect works also fine in pages /index.php?main_page=featured_products and /index.php?main_page=products_all.

Sorry for the long post which is probably tiring to read. I hope that someone out there will come up with an explanation for which my thanks are advanced.

Well, to start with you're using IH wrong. With image handler you do not need to create small, medium, large images. You simply upload one image and IH will hand the small, medium and large automatically resizing based on your configuration. Also, there are so many bug fixes included in IH3 and there are are a few less files in IH3 installation rather than more than IH2. You're better of starting with the most current version of IH3 and troubleshoot from IH3 if you still experience the problem you're having.

Also, what are your current configuration for IH? Are you using any custom template and if so is the jscript folder correctly placed? It's hard to help you troubleshoot without access to the site giving you the issue.

Quote:

---

Originally Posted by Athens Collectibles

Hi everyone,

I installed IH2 last night (I didn't go to IH3 because I was put off by the too many files but I will probably do so once I get more familiar). I run 1.3.9h on a test environment and therefore I can not provide a link but I have some screen shots to describe a small issue I face.

Before going to the issue, I will share my experience in case it proves useful to other users. I must confess that I didn't read all posts in this thread (almost 700 pages) and tried to work on the basis of the readme file.

I listed two test products and created a thumbnail (named thumbsize.jpg), a medium size (named mediumsize.jpg) and a large size (named largesize.jpg) image for each. I added the images for each product from the IH2 manager, only to find out that the images of the second product were overwriting those of the first product because of the identical file names which were saved in the /image folder. Adding the proper path in the box provided (see the red arrow in screenshot1 below, solved the problem. It took me some time to understand the reason, but it seems that the brain of a 64-year old doesn't work very fast in our days.

http://athenscollectibles.info/image...creenshot1.jpg

Now, I have New Products and Featured Products listed at the bottom of main page. See the values as entered in the Configuration > Index Listing in the screenshot2 and how it actually appears in screenshot3 below. The heading New Products is actually a modified "New Products for ... (month)" of the standard ZC.

http://athenscollectibles.info/image...creenshot2.jpg

http://athenscollectibles.info/image...creenshot3.jpg

As you can see in screenshot 4, the hover effect works fine with Featured Products but it doesn't with the New Products section and this is the reason for my post. Can anyone understand what could be wrong and either suggest a solution or give me a clue as to where I should search?

http://athenscollectibles.info/image...creenshot4.jpg

I read in post #6868:



Hovering over the image of Second Test Product it only shows the /index.php?main_page=product_info&cPath=7_16_23&products_id=12 in both New and Featured products, while if I right click on Chrome and then click Inspect Element, I get:

<img src="images/products/movies/documentary/history/test2/thumbsize.jpg" alt="Second test product" title=" Second test product " width="120" height="96"> in the New Products and

<img src="images/products/movies/documentary/history/test2/thumbsize.jpg" alt="Second test product" title=" Second test product " width="120" height="96" style="position:relative" onmouseover="showtrail('bmz_cache/6/68a5c18a0ab6cc9ffa54908bc8b8ca26.image.250x250.jpg','Second test product',120,96,250,250,this,0,0,120,96);" onmouseout="hidetrail();"> in Featured Products.

The hover effect works with New Products in page /index.php?main_page=products_new and the Inspect Element shows:

<img src="images/products/movies/documentary/history/test2/thumbsize.jpg" alt="Second test product" title=" Second test product " width="120" height="96" style="position:relative" onmouseover="showtrail('bmz_cache/6/68a5c18a0ab6cc9ffa54908bc8b8ca26.image.250x250.jpg','Second test product',120,96,250,250,this,0,0,120,96);" onmouseout="hidetrail();">

The hover effect works also fine in pages /index.php?main_page=featured_products and /index.php?main_page=products_all.

Sorry for the long post which is probably tiring to read. I hope that someone out there will come up with an explanation for which my thanks are advanced.

---

Thank you for the quick response.

I understand that it's hard to help without access to the live site. I was just hoping that it could be something easy to guess for someone using the IH for some time.

I'm not using IH wrong. I deliberately create and upload small, medium and large images because of the different proportions of each type. For example, if I uploaded only a 1200x1800 large image (portrait) and I wanted the small image to be 120x96 (landscape), IH would resize it to 64x96 if I had defined 96 as the standard height for small images or to 120x180 if I had defined 120 as the standard width. Similarly, I want my medium images to be 250x250 and, defining either width or height to 250, would resize the large image to 250x375 or 167x250. What I do now is to prepare the small and medium images with PhotoShop by cropping a part of the large image (easy to do). I know that the medium and large image files are optional, but uploading all three sizes gives the desired results.

I am using the default ZC template modified (a lot) with CSS and changes to some core files. I know that the latter is a "sin" but I keep track of what I change for future version upgrades. I have a my_template folder where the jscript folder is correctly placed as per the mod's folder structure. Besides, the hover effect wouldn't work at all if that was the case.

Having said that and now that I have some experience from struggling with IH2, I will uninstall it and give IH3 a try. If the problem persists (and most probably it will), I will update the live site and post in the IH3 support thread for help.

Thanks again for your response and wishes for a nice day.

Quote:

---

Originally Posted by Athens Collectibles

Thank you for the quick response.

I understand that it's hard to help without access to the live site. I was just hoping that it could be something easy to guess for someone using the IH for some time.

I'm not using IH wrong. I deliberately create and upload small, medium and large images because of the different proportions of each type. For example, if I uploaded only a 1200x1800 large image (portrait) and I wanted the small image to be 120x96 (landscape), IH would resize it to 64x96 if I had defined 96 as the standard height for small images or to 120x180 if I had defined 120 as the standard width. Similarly, I want my medium images to be 250x250 and, defining either width or height to 250, would resize the large image to 250x375 or 167x250. What I do now is to prepare the small and medium images with PhotoShop by cropping a part of the large image (easy to do). I know that the medium and large image files are optional, but uploading all three sizes gives the desired results.

I am using the default ZC template modified (a lot) with CSS and changes to some core files. I know that the latter is a "sin" but I keep track of what I change for future version upgrades. I have a my_template folder where the jscript folder is correctly placed as per the mod's folder structure. Besides, the hover effect wouldn't work at all if that was the case.

Having said that and now that I have some experience from struggling with IH2, I will uninstall it and give IH3 a try. If the problem persists (and most probably it will), I will update the live site and post in the IH3 support thread for help.

Thanks again for your response and wishes for a nice day.

---

Well, IH3 actually solves some of the issue you describe. If you want a medium that's 250 x 250 you simple add ! to it and everything is taken care of. You will of course have to read the changes in IH3 to understand this. If you go to our site in my signature you will note that the dimension for small and medium image remains the same, it doesn't matter what image size I upload to the server, the configuration handles perfectly when configured right. Yes! in IH2 things behaves the way you described but not in IH3.

If you're having to upload small, medium, large, then it defeats the purpose of IH (unless the hover effect is the ONLY reason you want IH)

I have already uninstalled IH2 and will soon install IH3 to see if the issue resolves.

With regard to your last question: no, the hover effect is NOT the only reason I want IH. The main reason is to be able to place images in sub folders and have a neat structure of the images folder like, for example,

[FONT="Courier New"]images
..|_ products
....|_ category 1
......|_ subcategory 1
........|_ product 1
........|_ product 2
......|_ subcategory 2
........|_ product 1
....|_ category 2
....|_ category 3[/FONT]

The default ZC images folder and the need to place pictures in medium, large and root folders is very bad.

Thank you again and see you in the IH3 Support Thread. I will post there whether the upgrade was successful or not.

Quote:

---

Originally Posted by Athens Collectibles

Hi everyone,

I installed IH2 last night (I didn't go to IH3 because I was put off by the too many files but I will probably do so once I get more familiar). I run 1.3.9h on a test environment and therefore I can not provide a link but I have some screen shots to describe a small issue I face.

Before going to the issue, I will share my experience in case it proves useful to other users. I must confess that I didn't read all posts in this thread (almost 700 pages) and tried to work on the basis of the readme file.

I listed two test products and created a thumbnail (named thumbsize.jpg), a medium size (named mediumsize.jpg) and a large size (named largesize.jpg) image for each. I added the images for each product from the IH2 manager, only to find out that the images of the second product were overwriting those of the first product because of the identical file names which were saved in the /image folder. Adding the proper path in the box provided (see the red arrow in screenshot1 below, solved the problem. It took me some time to understand the reason, but it seems that the brain of a 64-year old doesn't work very fast in our days.

Now, I have New Products and Featured Products listed at the bottom of main page. See the values as entered in the Configuration > Index Listing in the screenshot2 and how it actually appears in screenshot3 below. The heading New Products is actually a modified "New Products for ... (month)" of the standard ZC.

As you can see in screenshot 4, the hover effect works fine with Featured Products but it doesn't with the New Products section and this is the reason for my post. Can anyone understand what could be wrong and either suggest a solution or give me a clue as to where I should search?

I read in post #6868:



Hovering over the image of Second Test Product it only shows the /index.php?main_page=product_info&cPath=7_16_23&products_id=12 in both New and Featured products, while if I right click on Chrome and then click Inspect Element, I get:

<img src="images/products/movies/documentary/history/test2/thumbsize.jpg" alt="Second test product" title=" Second test product " width="120" height="96"> in the New Products and

<img src="images/products/movies/documentary/history/test2/thumbsize.jpg" alt="Second test product" title=" Second test product " width="120" height="96" style="position:relative" onmouseover="showtrail('bmz_cache/6/68a5c18a0ab6cc9ffa54908bc8b8ca26.image.250x250.jpg','Second test product',120,96,250,250,this,0,0,120,96);" onmouseout="hidetrail();"> in Featured Products.

The hover effect works with New Products in page /index.php?main_page=products_new and the Inspect Element shows:

<img src="images/products/movies/documentary/history/test2/thumbsize.jpg" alt="Second test product" title=" Second test product " width="120" height="96" style="position:relative" onmouseover="showtrail('bmz_cache/6/68a5c18a0ab6cc9ffa54908bc8b8ca26.image.250x250.jpg','Second test product',120,96,250,250,this,0,0,120,96);" onmouseout="hidetrail();">

The hover effect works also fine in pages /index.php?main_page=featured_products and /index.php?main_page=products_all.

Sorry for the long post which is probably tiring to read. I hope that someone out there will come up with an explanation for which my thanks are advanced.

---

took out the images from the quote...

but for one thing you did not read the readme for naming your images...I also do not think you uploaded the images thru IH2 controls (clicking the little i), sorry if I am wrong.

questions is...do you want the hover or not

make sure your images settings are done right also. to get the hover to be consistent thru the entire store the settings are important.

you should not have been put off by the number of files...they are there with IH3 for a purpose and probably most of your trouble would have been stayed...IH3 is geared to work best in 1.3.9h of store software.

it is always better to have a link to the store for us to actually experience the trouble and just for the record....

there are NO _lrg or _med for the images to be used for IH--- if you have several for 1 item then you name them the same as the main image but place _01 changing this number for each image for that product.

You do not need any other ! or something else in the image name just

image.jpg
image_01.jpg until the last one which might be image_04.jpg for instance

each item must be named accordingly to ensure that one products image does not overwrite the other product.

please take the time to read that readme throughly...and use IH3 before going live to not have to mess later one with it.

update form the onset of installing store to help you have a great store....and way lay any problems while in testing mode

it also makes subcategories of images better too cause you only upload the one largest size to the server---no more different sizes...the IH software does the rest on its own

also try not to make the names toooooooo long and use a - or _ instead of spaces in the image name

Thanks for your comments Dark Angel,

As I said in my previous post, I will go to IH3 after carefully reading the excellent documentation. As for the multiple images: I sometimes have a medium or large image different from the thumbnail but I may change the policy now.

I will see you in the IH3 support thread if everything doesn't go well, although I'm sure it will. I like your site by the way!