Image Handler 3 Support Thread (for ZC v1.3.9)

[presh]

Hello, I have a question about product images. When I list 4 or so images to come up for a product and list there LRG images too, I get the larger images under the small icon ones at the bottom but cannot navigate around the image. Is there a way that when you go to larger image you can pan through the image as at the momment it just zooms into a particular section of the small image and cannot move around, cheers presh.
v1.3.9h

sorry guys...Wasn't actually using Image Handler 3 when I asked this question I was doing it old school...sorry, I have now uploaded image handler and all is well. Thankyou.

[greatbaits1]

installed this today, problem free and works really well.

One thing I would like to do is control is the position of the pop up on hover, to be more central to the screen instead of the left or right of the image (depending on where the mouse is hovering)

[Athens Collectibles]

Quote:
Originally Posted by Athens Collectibles
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!

A Image Handler has always supported this ability.. Most folks don't use it so they don't know this ability exists.. In the IH3 documentation we included ALL of Tim's original excellent documentation because there are a NUMBER of functions that Image Handler supports that other similar image manage modules for Zen Cart DO NOT support that most people are not aware of..

Thanks for the above reply to the IH2 Support Thread. I have now installed IH3 and use 3 different images (small, medium, large) for each item.

I don't have any problem but as long as I don't load one image only through IH3, all three images are not served from the cache but from their respective url. IH3 creates its own small images, for example the tiny image appearing in the shopping cart and loads it from the cache folder. I'm not very sure if this is because of improper configuration or it's the normal way it works. In any case, it's not causing problems but I just wonder.

[DarkAngel]

I don't have any problem but as long as I don't load one image only through IH3, all three images are not served from the cache but from their respective url. IH3 creates its own small images, for example the tiny image appearing in the shopping cart and loads it from the cache folder. I'm not very sure if this is because of improper configuration or it's the normal way it works. In any case, it's not causing problems but I just wonder.

ok, yes you upload the largest sized image only and IH3 takes care of resizing them all according to how you have your sizes set in images settings.

you can upload more than one image for your product -- like to show a different angle if needed, or color for instance -- just upload the additional images with the same name as the first but appending the _01 with consecutive numbers for each additional image then they will all show up on the product page.

You can upload all images to the main Images folder or sub folder them your own way in the main images folder.

If it is showing you the link from the bmz_cache folder then yes it is working as it should...those are the optimized ones that IH3 created to cut down on render time for the page.

I hope that is what you are asking.

[DivaVocals]

I believe that Athena is using one of those little known/used features of IH3 I eluded in the IH2 thread.. You can upload a completely DIFFERENT large or medium image for the same product via the IH3 interface.. It is entirely possible that when using this function images are NOT in fact served from the IH cache folders..

ok, yes you upload the largest sized image only and IH3 takes care of resizing them all according to how you have your sizes set in images settings.

you can upload more than one image for your product -- like to show a different angle if needed, or color for instance -- just upload the additional images with the same name as the first but appending the _01 with consecutive numbers for each additional image then they will all show up on the product page.

You can upload all images to the main Images folder or sub folder them your own way in the main images folder.

If it is showing you the link from the bmz_cache folder then yes it is working as it should...those are the optimized ones that IH3 created to cut down on render time for the page.

I hope that is what you are asking.

Athena, I think it will help everyone participating in the discussion if you could provide an example of a product in your store where you are using different images for the small, medium, and large. I didn't have to patience to hunt one down myself..

Thanks for the above reply to the IH2 Support Thread. I have now installed IH3 and use 3 different images (small, medium, large) for each item.

[Athens Collectibles]

I will explain and give an example tomorrow. Sorry but it's already one in the morning in my part of the world.

PS. It is George, not Athena or Athens

[Athens Collectibles]

OK, back now.

To give you an example: go to home page, scroll down to the New Products section in the centre column and see the thumb for the product Pinnacle PCTV Stick. Hover over to see a completely different medium size image. Click to go to the product page and then click on the product image (the medium sized image). The popup shows a different large image.

So far, we have seen three different images, the small, medium and large. Examining their source, I see that the small and medium images load from the respective subfolder within the images folder. However, the large image loads from the IH cache folder. The same does NOT happen with other products where no image is loaded from cache. I can not explain why one image is and another is not loaded from cache.

As I said, this doesn't cause any problem and I'm happy the way it works. The reason I'm loadng three images rather than one is simple: First, I don't want to get confused by not following a standard method for all items even though the basic image is the same sometimes. Second, as my items are unique, I just replace the small image with a similar one having the SOLD OUT banner on top once something is sold while the medium and large images remain the same. This is of course something that I could not achieve if I followed the IH principle of loading one image only.

I don't use additional product images in the traditional IH way, something that could be handled by adding the _01, _02 etc to the file name. Instead, I have a tabbed index in every product description with one of the tabs named "additional images", "more pictures" or something similar, where many more images are presented by inserting links to them in the HTML. An example is here: http://www.athenscollectibles.info/i...&products_id=3

I hope that I have explained my setup and it's up to you to decide whether it is very unorthodox or not. It works fine for me.

Wishes for a happy Christmas weekend to everyone if I don't hear from you again.

[Athens Collectibles]

While I agree entirely with what scriptjunkie says about extraneous code there are perhaps a few exceptions.

I haven't looked at this really closely but the line of code is 'sanitising' the alt tag before it is output. What that means effectively is that it is removing the double quotes from the alt tag if they are there. Why? Well if you think of an image tag:

<img src="whatever" alt="alt-text"/>

you can see that if the alt-text contains a double quote like this ( alt"-"text ) then you are going to end up with poorly formed html. Something like:

<img src="whatever" alt="alt"-"text"/>

which means that the double quotes in the image tag are messed up.

That is just an example, htmlentities turns a list of characters into their html entities. It is often used for sanitising user input before it is sent to a web page both for practical and security reasons. Have a read of http://php.net/manual/en/function.htmlentities.php to find out more about what it does.

Personally, I think it would be fine to make sure that all your image names do not contain any strange characters and then just comment out this line. But I am probably going to get seriously criticised for that comment Or you could write a bit of a replacement for htmlentities. Something like:

$alt = addslashes(str_replace('"','',$alt))

Which just removes any double quotes but doesn't do anything else so is not nearly as complete a solution. So, you could write a much more complete bit of code that, for instance removed any characters that were not a-z or 1-9. Something like:

$alt= preg_replace("/[^a-zA-Z0-9\s]/", "", $alt);

None of this is tested so.....

I don't know if you will be criticised Nick, but your post #676 saved me the trouble of deleting thousands (literally) entries from the cache folder every day.

I'm using character set ISO-8859-7 (Greek) and accidentally found that there were about 25000 error logs in my cache folder created within less than 10 days from installing IH3. Your reply prompted me to risk and try in a test environment and it worked with two small variations. I replaced line 690 from:

$alt = addslashes(htmlentities($alt, ENT_COMPAT, CHARSET));

to

$alt = addslashes(str_replace('"','\'',$alt));

after I restored the missing semi-colon at the end and replaced the empty string with a single quote. So, alt tags with double quotes became alt tags with single quotes and the logs are not produced any more. For some reason, the script also changes the title tag.

Many, many, many thanks for your idea and wishes for a nice Christmas and a happy New Year.

[infogate]

I don't know if you will be criticised Nick, but your post #676 saved me the trouble of deleting thousands (literally) entries from the cache folder every day.

I'm using character set ISO-8859-7 (Greek) and accidentally found that there were about 25000 error logs in my cache folder created within less than 10 days from installing IH3. Your reply prompted me to risk and try in a test environment and it worked with two small variations. I replaced line 690 from:

$alt = addslashes(htmlentities($alt, ENT_COMPAT, CHARSET));

to

$alt = addslashes(str_replace('"','\'',$alt));

after I restored the missing semi-colon at the end and replaced the empty string with a single quote. So, alt tags with double quotes became alt tags with single quotes and the logs are not produced any more. For some reason, the script also changes the title tag.

Many, many, many thanks for your idea and wishes for a nice Christmas and a happy New Year.

Thank you guys for this great thread. I easilly spoted the trouble with the Greek characters and fixed it easilly.
Have a nice and happy new year!!!

[Athens Collectibles]

Glad it worked for you Infogate.

I will give you a call in the next few days with regard to laptop repairs.

Happy new year to all Zen fellows. Καλή χρονιά!