Image Handler 4 (for v1.5.x) Support Thread

stiggybaby:

I have a fantastic, powerful, bulk image editor/converter software program, but that's not my need.

Thanks, but I think that you did not read my post.

As I stated, all of my small and medium images are grayscale .gif (you could say clip art, but basically they are scans from the mfg catalog that has a basic pencil outline drawing of the part. My large images are all .jpg camera photographs of the actual part.

So, HOW IS IMAGE HANDLER GOING TO CREATE small and medium GRAYSCALE GIF IMAGES WITH TEXT FROM MFG CATALOG SCANS (that are basically outline drawings of the product) from LARGE, COLOR ACTUAL PRODUCT PHOTOGRAPHS?

They are 2 different images as well as 2 different file types, and the medium is no good for a large image due to what it is, and the large image is no good for a medium, nor small image due to what and how it is, but that's really not the point nor the issue...

Also, I should clarify that 100% of my small and medium images are the gifs, and 100% of the large images are the photograph jpgs, so I'm not looking for a mod that is so complex as to try to recognize mixed image types throughout the different uses of image handling.

Just a simple extension ignore, or swap, or whatever for the large _LARGE. image program section.

stiggybaby:

I appreciate you taking the time to help me out, but perhaps I caused you a bit of confusion by not explaining the situation very well.

Anyway, if I'm wrong that something like this is not a fairly simple code edit, then I guess that I'll just have to live with unnecessary large file sizes, unnecessary bandwidth usage, slower page loading, and poor image quality. I think making everything jpg would look better than converting the photographs into gifs...

On screen and in though it just seemed like it wouldn't be a complicated code edit.

I'm not confused at all and I read your post and clearly understood your issue.. (and for the record it wasn't MY suggestion to convert photos into GIFs) I think the issue here is you are not clear on what Image Handler WILL DO.. You said you are "not looking for a mod that is so complex as to try to recognize mixed image types throughout the different uses of image handling" and you think you will end up with "unnecessary large file sizes, unnecessary bandwidth usage, slower page loading, and poor image quality" but you really need to look at Image Handler.. I think it WILL resolve your issues management because that's what it does.. I suggest downloading it, and reading the readme -- especially the usage section.. there are a TON of little used features that Image Handler has that will help solve your issues).. and this is part of the reason you are not getting a a response.. No one wants to reinvent the wheel.. Image Handler is the wheel..

Thanks again,

Okay, I downloaded it, and read the readme, but did not install it yet because I would need to clarify my understanding of plugin's capibilities...

So, basically lets say it like this... I sell miniature gears...

_LRG.jpg = I took a macro photograph of each gear that I have in stock 1000 x 1000 px original size.

_MED.gif = I cut/crop an outline drawing out of the scan of the mfg catalog page for each gear (that has tech specs gear count size text with it). 450x450 original size.

small image is the _MED gif reduced to 150x150. Still very readable.

All files have same name, but with the _MED or _LRG.

All 3 image files are uploaded into their correct folders.

So basically you are saying that Image Handler 4 can be set up so that for gear100-35 with the images gear100-35.gif, gear100-35_MED.gif, and gear100-35_LRG.jpg uploaded,

I can specify .gif for small images and have in the images folder gear100-35.gif

and set up gif setting also for medium images for gear100-35_MED.gif in images/medium

and set up jpg for all large images for gear100-35_LRG.jpg in images/large

and when I am on the product page and click on the medium size image, it will bring up the popup with gear100-35_LRG.jpg? Basically with the settings set up in a way, it will look for the file names. It's not going to look to create a medium nor create a small image based off reducing the _LRG image?

It's almost like I have multiple images in the way that the _LRG image is different than the _MED or small image, but I basically don't want multiple images, just an actual photograph for the _LRG image in place of the clipart-like-ish medium and small images.

(FYI, it's over a decade ago, so my memory is a bit foggy, but I believe when using miva cart with my book business, I didn't use their image handling system. Instead I edited the global head, pasted in a javascript for popups, wrote a html link into the product page around the image tolken, set up an extra field with the relative url and used a tolken to place that extra field into the link, and when you clicked on the image, a popup of a larger image came up for that book)

stiggybaby:

Thanks again,

Okay, I downloaded it, and read the readme, but did not install it yet because I would need to clarify my understanding of plugin's capibilities...

So, basically lets say it like this... I sell miniature gears...

_LRG.jpg = I took a macro photograph of each gear that I have in stock 1000 x 1000 px original size.

_MED.gif = I cut/crop an outline drawing out of the scan of the mfg catalog page for each gear (that has tech specs gear count size text with it). 450x450 original size.

small image is the _MED gif reduced to 150x150. Still very readable.

All files have same name, but with the _MED or _LRG.

All 3 image files are uploaded into their correct folders.

So basically you are saying that Image Handler 4 can be set up so that for gear100-35 with the images gear100-35.gif, gear100-35_MED.gif, and gear100-35_LRG.jpg uploaded,

I can specify .gif for small images and have in the images folder gear100-35.gif

and set up gif setting also for medium images for gear100-35_MED.gif in images/medium

and set up jpg for all large images for gear100-35_LRG.jpg in images/large

and when I am on the product page and click on the medium size image, it will bring up the popup with gear100-35_LRG.jpg? Basically with the settings set up in a way, it will look for the file names. It's not going to look to create a medium nor create a small image based off reducing the _LRG image?

It's almost like I have multiple images in the way that the _LRG image is different than the _MED or small image, but I basically don't want multiple images, just an actual photograph for the _LRG image in place of the clipart-like-ish medium and small images.

stiggybaby:

(FYI, it's over a decade ago, so my memory is a bit foggy, but I believe when using miva cart with my book business, I didn't use their image handling system. Instead I edited the global head, pasted in a javascript for popups, wrote a html link into the product page around the image tolken, set up an extra field with the relative url and used a tolken to place that extra field into the link, and when you clicked on the image, a popup of a larger image came up for that book)

Not to be a stickler here.. but you really should ask Image Handler questions on the Image Handler support thread.. any further discussion on this is a LOT off topic from what this thread is supposed to be about.. Please repost your question on the Image Handler support thread..

DivaVocals:

Not to be a stickler here.. but you really should ask Image Handler questions on the Image Handler support thread.. any further discussion on this is a LOT off topic from what this thread is supposed to be about.. Please repost your question on the Image Handler support thread..

Right, going to:
http://www.zen-cart.com/showthread.php?194740-Image-Handler-4-%28for-v1-5-x%29-Support-Thread/page114

from:
http://www.zen-cart.com/showthread.php?9114-HOW-TO-Image-Preparation&p=1251659#post1251659

Thanks again,

Okay, I downloaded it, and read the readme, but did not install it yet because I would need to clarify my understanding of plugin's capibilities...

So, basically lets say it like this... I sell miniature gears...

_LRG.jpg = I took a macro photograph of each gear that I have in stock 1000 x 1000 px original size.

_MED.gif = I cut/crop an outline drawing out of the scan of the mfg catalog page for each gear (that has tech specs gear count size text with it). 450x450 original size.

small image is the _MED gif reduced to 150x150. Still very readable.

All files have same name, but with the _MED or _LRG.

All 3 image files are uploaded into their correct folders.

So basically you are saying that Image Handler 4 can be set up so that for gear100-35 with the images gear100-35.gif, gear100-35_MED.gif, and gear100-35_LRG.jpg uploaded,

I can specify .gif for small images and have in the images folder gear100-35.gif

and set up gif setting also for medium images for gear100-35_MED.gif in images/medium

and set up jpg for all large images for gear100-35_LRG.jpg in images/large

and when I am on the product page and click on the medium size image, it will bring up the popup with gear100-35_LRG.jpg? Basically with the settings set up in a way, it will look for the file names. It's not going to look to create a medium nor create a small image based off reducing the _LRG image?

It's almost like I have multiple images in the way that the _LRG image is different than the _MED or small image, but I basically don't want multiple images, just an actual photograph for the _LRG image in place of the clipart-like-ish medium and small images.

stiggybaby:

from:
http://www.zen-cart.com/showthread.php?9114-HOW-TO-Image-Preparation&p=1251659#post1251659

Thanks again,

Okay, I downloaded it, and read the readme, but did not install it yet because I would need to clarify my understanding of plugin's capibilities...

So, basically lets say it like this... I sell miniature gears...

_LRG.jpg = I took a macro photograph of each gear that I have in stock 1000 x 1000 px original size.

_MED.gif = I cut/crop an outline drawing out of the scan of the mfg catalog page for each gear (that has tech specs gear count size text with it). 450x450 original size.

small image is the _MED gif reduced to 150x150. Still very readable.

All files have same name, but with the _MED or _LRG.

All 3 image files are uploaded into their correct folders.

So basically you are saying that Image Handler 4 can be set up so that for gear100-35 with the images gear100-35.gif, gear100-35_MED.gif, and gear100-35_LRG.jpg uploaded,

I can specify .gif for small images and have in the images folder gear100-35.gif

and set up gif setting also for medium images for gear100-35_MED.gif in images/medium

and set up jpg for all large images for gear100-35_LRG.jpg in images/large

and when I am on the product page and click on the medium size image, it will bring up the popup with gear100-35_LRG.jpg? Basically with the settings set up in a way, it will look for the file names. It's not going to look to create a medium nor create a small image based off reducing the _LRG image?

It's almost like I have multiple images in the way that the _LRG image is different than the _MED or small image, but I basically don't want multiple images, just an actual photograph for the _LRG image in place of the clipart-like-ish medium and small images.
Image Handler will let you:
Upload ONE image and generate the optimized small, medium, and large image from the image you upload. (this is how MOST folks use it)
or
upload three different images for the small, medium, and large image

Image Handler doesn't really care WHERE in the images folder you upload the image which allows you the flexibility of organizing your images in a way that makes sense to you. In otherwords you are NOT constrained by the medium and large folders as in the stock Zen Cart config. You also DO NOT have to name your images with the _LRG or _MED suffixes..

In the settings you can explicity say what format each image size is. (large = PNG, medium=GIF, small=JPG). It will convert the file you upload to the format you designate. The default is "no_change" meaning just that "do not change the format upon upload".

Truly the ONLY way to see how this all works is to install it and TRY IT..

DivaVocals:

Image Handler will let you:
...or upload three different images for the small, medium, and large image... In the settings you can explicity say what format each image size is. (large = PNG, medium=GIF, small=JPG). It will convert the file you upload to the format you designate. The default is "no_change" meaning just that "do not change the format upon upload".

Truly the ONLY way to see how this all works is to install it and TRY IT..

Thanks for the explanation of some of the features and flexibility of IH4, BUT I'm really not looking for a ton of features, nor lots of flexibility, nor something that can meet all different needs for a variety of situations within my store.

My graphics editor, and myself already made everything (as stated above), and if I absolutely-have-to do a batch convert/edit, it's just a simple button click... so little of work...

I just have 1 apparently-not-so-simple need, and basically if I read closely your reply, you are saying basically..

NO, it cannot.

DivaVocals:

.. there are a TON of little used features that Image Handler has that will help solve your issues).. and this is part of the reason you are not getting a a response.. No one wants to reinvent the wheel.. Image Handler is the wheel..

But, what I am discussing appears to be the one thing that there is not a little feature for, nor can it help solve the above in "ninguna manera" right?

stiggybaby:

Thanks for the explanation of some of the features and flexibility of IH4, BUT I'm really not looking for a ton of features, nor lots of flexibility, nor something that can meet all different needs for a variety of situations within my store.

My graphics editor, and myself already made everything (as stated above), and if I absolutely-have-to do a batch convert/edit, it's just a simple button click... so little of work...

I just have 1 apparently-not-so-simple need, and basically if I read closely your reply, you are saying basically..

NO, it cannot.
Posted this in the other thread too..

Actually I was saying that Image Handler can meet your needs. You think the module is too much for your needs.. You have a not so simple need for which the simple solution is installing Image Handler.. My guess is that no one has provided you the code you are looking for because Image Handler already does what you are asking after, and noone wants to reinvent the wheel (especially for free).. If you don't want to install Image Handler, and no one contributes the code you want, then your other option is to hire someone to write the code you do need..

stiggybaby:

But, what I am discussing appears to be the one thing that there is not a little feature for, nor can it help solve the above in "ninguna manera" right?

Image Handler can meet your needs. You think the module is too much for your needs.. You have a not so simple need for which the simple solution is installing Image Handler.. My guess is that no one has provided you the code you are looking for because Image Handler already does what you are asking after, and noone wants to reinvent the wheel (especially for free).. If you don't want to install Image Handler, and no one contributes the code you want, then your other option is to hire someone to write the code you do need..

DivaVocals:

Image Handler can meet your needs.

Okey doke! I'll install it. I appearantly read the capabilities wrong.

Thanks again for your patience and answers.

Oops, my bad. I'll install it and put it to work then! Thanks for your patience and answers!

Hello - still totally stuck with this issue (see below) where the additional images are not appearing - code is on the page, these are set to show - is this something I could pay someone to look at for me?

If anyone can help please PM me for details.

peanut77:

Hello

I have a bizarre wee quirk going on.

Using zencart 1.51, fresh install and then an import in of a 1.39h store data (following zencart step by step instructions - I have upgraded 50+ stores to date).

Using my own template.

plugins installed
image handler
ultimate seo urls
zx slideshow
pure css mega menu

Code is appearing for the additional images on the page, but the actual additional images are not appearing on the page.

<!--bof Additional Product Images --> <div id="productAdditionalImages">

<div class="additionalImages centeredContent back" style="width:33%;">
  <script language="javascript" type="text/javascript"><!--

document.write('<a href="javascript:popupWindow(\'http://www.xxxxx.co.uk/index.php?main_page=popup_image_additional&pID=732&pic=0&products_image_large_additional=images%2Fwd4879-navy_01.jpg\')"><img src="bmz_cache/2/2a8ef89bbe49e787fe8bed59c08c00f5.image.85x120.jpg" alt="Dickies Deluxe Boilersuit Coverall: WD4879" title=" Dickies Deluxe Boilersuit Coverall: WD4879 " width="85" height="120" style="position:relative" onmouseover="showtrail('bmz_cache/2/2a8ef89bbe49e787fe8bed59c08c00f5.image.301x425.jpg','Dickies Deluxe Boilersuit Coverall: WD4879',85,120,301,425,this,0,0,85,120);" onmouseout="hidetrail();" /><br />larger image</a>');
//--></script>
<noscript><a href="http://www.xxxxx.co.uk/index.php?main_page=popup_image_additional&pID=732&pic=0&products_image_large_additional=images/wd4879-navy_01.jpg" target="_blank"><img src="bmz_cache/2/2a8ef89bbe49e787fe8bed59c08c00f5.image.85x120.jpg" alt="Dickies Deluxe Boilersuit Coverall: WD4879" title=" Dickies Deluxe Boilersuit Coverall: WD4879 " width="85" height="120" style="position:relative" onmouseover="showtrail('bmz_cache/2/2a8ef89bbe49e787fe8bed59c08c00f5.image.301x425.jpg','Dickies Deluxe Boilersuit Coverall: WD4879',85,120,301,425,this,0,0,85,120);" onmouseout="hidetrail();" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>
<div class="additionalImages centeredContent back" style="width:33%;">
<script language="javascript" type="text/javascript"><!-- document.write('<a href="javascript:popupWindow(\'http://www.xxxxx.co.uk/index.php?main_page=popup_image_additional&pID=732&pic=1&products_image_large_additional=images%2Fwd4879-navy_02.jpg\')"><img src="bmz_cache/4/49e640a59266ecc3d4033b7bbc64c107.image.85x120.jpg" alt="Dickies Deluxe Boilersuit Coverall: WD4879" title=" Dickies Deluxe Boilersuit Coverall: WD4879 " width="85" height="120" style="position:relative" onmouseover="showtrail('bmz_cache/4/49e640a59266ecc3d4033b7bbc64c107.image.301x425.jpg','Dickies Deluxe Boilersuit Coverall: WD4879',85,120,301,425,this,0,0,85,120);" onmouseout="hidetrail();" /><br />larger image</a>'); //--></script>
<noscript><a href="http://www.xxxxx.co.uk/index.php?main_page=popup_image_additional&pID=732&pic=1&products_image_large_additional=images/wd4879-navy_02.jpg" target="_blank"><img src="bmz_cache/4/49e640a59266ecc3d4033b7bbc64c107.image.85x120.jpg" alt="Dickies Deluxe Boilersuit Coverall: WD4879" title=" Dickies Deluxe Boilersuit Coverall: WD4879 " width="85" height="120" style="position:relative" onmouseover="showtrail('bmz_cache/4/49e640a59266ecc3d4033b7bbc64c107.image.301x425.jpg','Dickies Deluxe Boilersuit Coverall: WD4879',85,120,301,425,this,0,0,85,120);" onmouseout="hidetrail();" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>
<div class="additionalImages centeredContent back" style="width:33%;">
<script language="javascript" type="text/javascript"><!-- document.write('<a href="javascript:popupWindow(\'http://www.xxxxx.co.uk/index.php?main_page=popup_image_additional&pID=732&pic=2&products_image_large_additional=images%2Fwd4879-navy_03.jpg\')"><img src="bmz_cache/0/07779b9a30004e6d80b41d1343725762.image.90x120.jpg" alt="Dickies Deluxe Boilersuit Coverall: WD4879" title=" Dickies Deluxe Boilersuit Coverall: WD4879 " width="90" height="120" style="position:relative" onmouseover="showtrail('images/wd4879-navy_03.jpg','Dickies Deluxe Boilersuit Coverall: WD4879',90,120,138,183,this,0,0,90,120);" onmouseout="hidetrail();" /><br />larger image</a>'); //--></script>
<noscript><a href="http://www.xxxxx.co.uk/index.php?main_page=popup_image_additional&pID=732&pic=2&products_image_large_additional=images/wd4879-navy_03.jpg" target="_blank"><img src="bmz_cache/0/07779b9a30004e6d80b41d1343725762.image.90x120.jpg" alt="Dickies Deluxe Boilersuit Coverall: WD4879" title=" Dickies Deluxe Boilersuit Coverall: WD4879 " width="90" height="120" style="position:relative" onmouseover="showtrail('images/wd4879-navy_03.jpg','Dickies Deluxe Boilersuit Coverall: WD4879',90,120,138,183,this,0,0,90,120);" onmouseout="hidetrail();" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>
<br class="clearBoth" />

</div> <!--eof Additional Product Images -->

I have checked permissions are correct
I have checked file & path locations are correct (i.e if I follow these they all display in my browser)
I have checked that I have display additional images set to true
Normal main images are displaying fine and being resized as they should.

Totally stuck as to why they are not displaying

Any pointers would be much appreciated, can send url via PM

Thank you in advance for any help you can provide, I am stuck!!

Is it possible to creat a navigation bar in image handler? I'd like to have buttons with previous and next in my imagebars.

tomdonker:

Is it possible to creat a navigation bar in image handler? I'd like to have buttons with previous and next in my imagebars.

If I understand what You need the best way to solve this is to use something like Zen Lightbox that fully integrate with IMH... Easy solution without modify the code ;-)

Good Evening All,

To any that can help, thank you in advance. Image Handler4 seems to be working every where on my site except for the product listing page.

Website: partsczar.com

Zen Cart 1.5.1
Image Handler4
installed: Easy Populate4/Sheffield Blue Theme
HostGator
PHP Version: 5.4.29
MySQL 5.5.37-35.1

I'd be happy to post all of my settings just not sure which ones i need to post that would apply to this issue.

If this has been asked before I apologize, I've searched and searched but turned up empty.

Thank you

dudedevon:

Good Evening All,

To any that can help, thank you in advance. Image Handler4 seems to be working every where on my site except for the product listing page.

Website: partsczar.com

Zen Cart 1.5.1
Image Handler4
installed: Easy Populate4/Sheffield Blue Theme
HostGator
PHP Version: 5.4.29
MySQL 5.5.37-35.1

I'd be happy to post all of my settings just not sure which ones i need to post that would apply to this issue.

If this has been asked before I apologize, I've searched and searched but turned up empty.

Thank you
Post ALL the settings
Define what "not working" means

DivaVocals:

Post ALL the settings
Define what "not working" means

Sorry for being vague, the image hover is working everywhere except the product listing page.

Title Value
Small Image Width 100
Small Image Height
Heading Image Width - Admin 57
Heading Image Height - Admin 40
Subcategory Image Width 100
Subcategory Image Height
Calculate Image Size TRUE
Image Required TRUE
Image - Shopping Cart Status 1
Image - Shopping Cart Width 100
Image - Shopping Cart Height 200
Category Icon Image Width - Product Info Pages 100
Category Icon Image Height - Product Info Pages
Top Subcategory Image Width 150
Top Subcategory Image Height 85
Product Info - Image Width 100
Product Info - Image Height 0
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 100
Image - Product Listing Height
Image - Product New Listing Width 100
Image - Product New Listing Height
Image - New Products Width 100
Image - New Products Height
Image - Featured Products Width 100
Image - Featured Products Height
Image - Product All Listing Width 100
Image - Product All Listing Height
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 images filetype no_change
IH small images background 255:255:255
IH small images compression quality 85
IH small images watermark no
IH small images zoom on hover yes
IH small images zoom on hover size Large
IH medium images filetype no_change
IH medium images background 255:255:255
IH medium images compression quality 85
IH medium images watermark no
IH large images filetype no_change
IH large images background 255:255:255
IH large images compression quality 85
IH large images watermark no
IH large images maximum width 750
IH large images maximum height 550
IH watermark gravity Center

dudedevon:

Sorry for being vague, the image hover is working everywhere except the product listing page.

By "Product listing page" do you ACTUALLY mean the PRODUCT INFO page??? If so the hover does NOT work there, and never has, and this is covered in detail in the readme.. If this is not what you mean a URL where you see the "issues" would be helpful..