AJAX IMAGE Swapper support thread

Quote:

---

Originally Posted by dscott1966

Can someone give me help on this please!!!

---

Hi Don,

I'm not sure I agree that changing the variable name would help out in this situation since the images on the product listing page are the same images displayed on the product info page... In other words both pages are asking for the same image, and that image is the one uploaded by the AIS which was told to make it 56 by 75.

As far as I know html will happily shrink and image to smaller dimensions (I think we've all seen those slow loading images that have obscene dimensions like 1600x1200 crammed into a 400x300 space) but it won't blow the images up to larger dimensions.

Since you're asking the product listing page to take a 56 by 75 pixel image and create a 160 by 300 image from it, it won't happen.

I've looked over both zen cart's and AIS's code and have an idea that may work but I haven't personally tested it. In your AIS configuration I think you should change the dimensions of the thumbnail image to 160 by 300 then add an image to a product. This will create an image with the proper dimensions you wish displayed on the product listing page. After you've uploaded the image then go back to the AIS configuration page and change the dimensions to 56 by 75 so that when the page's code is called it'll grab those values for the html the php is writing. It'll check it's variables and see that the image dimensions should be 56 by 75 and since the image it has is larger the browser should happily shrink it down.

On a side note, a 56 by 75 image doesn't have the same aspect ratio as a 160 by 300, you'll get better results if the aspect ratio matches... In fact I don't know how the browser would handle an image that it's asked to resize if the aspect ratios don't match. If you want an image to have a height of 300 and the aspect ratio to match that of a 56 by 75 image its width should be 224.

This seems like the simplest solution but if it doesn't work let me know and then we can start digging into changing and creating variables! :D

Quote:

---

Originally Posted by greydawgjr

Hi Don,

I'm not sure I agree that changing the variable name would help out in this situation since the images on the product listing page are the same images displayed on the product info page... In other words both pages are asking for the same image, and that image is the one uploaded by the AIS which was told to make it 56 by 75.

As far as I know html will happily shrink and image to smaller dimensions (I think we've all seen those slow loading images that have obscene dimensions like 1600x1200 crammed into a 400x300 space) but it won't blow the images up to larger dimensions.

Since you're asking the product listing page to take a 56 by 75 pixel image and create a 160 by 300 image from it, it won't happen.

I've looked over both zen cart's and AIS's code and have an idea that may work but I haven't personally tested it. In your AIS configuration I think you should change the dimensions of the thumbnail image to 160 by 300 then add an image to a product. This will create an image with the proper dimensions you wish displayed on the product listing page. After you've uploaded the image then go back to the AIS configuration page and change the dimensions to 56 by 75 so that when the page's code is called it'll grab those values for the html the php is writing. It'll check it's variables and see that the image dimensions should be 56 by 75 and since the image it has is larger the browser should happily shrink it down.

On a side note, a 56 by 75 image doesn't have the same aspect ratio as a 160 by 300, you'll get better results if the aspect ratio matches... In fact I don't know how the browser would handle an image that it's asked to resize if the aspect ratios don't match. If you want an image to have a height of 300 and the aspect ratio to match that of a 56 by 75 image its width should be 224.

This seems like the simplest solution but if it doesn't work let me know and then we can start digging into changing and creating variables! :D

---

Missed the edit time cut off...

I just realized you can easily test this theory by replacing the image it has with one of the same name but the larger dimensions, no fiddling with the AIS configuration necessary. (assuming you have an alternate means of resizing images such as irfanview or photoshop etc.) If you have the proper dimensions punched into both AIS and Zen's image settings they should immediately display correctly if my theory holds (again assuming the correct aspect ratio that I was talking about above)

Hi Jay,

I have installed Ajax image swapper on my store after following all instructions mentioned in the readme file.

Store url: http://www.sculpturehub.com

The swapper thing works fine in Firefox, but my product pages are totally messed up. Link to my product:

http://www.sculpturehub.com/ruby-scu...-shivaling-p-4

There are a couple of other problems as well...
(1) The lightbox no longer works. I have both fual slimbox as well as zen lightbox installed.
(2) This module does not work in IE. No product images are being displayed in IE.

Request you to help me sort out these problems...

Harshil

Quote:

---

Originally Posted by starruby

Hi Jay,

I have installed Ajax image swapper on my store after following all instructions mentioned in the readme file.

Store url: http://www.sculpturehub.com

The swapper thing works fine in Firefox, but my product pages are totally messed up. Link to my product:

http://www.sculpturehub.com/ruby-scu...-shivaling-p-4

There are a couple of other problems as well...
(1) The lightbox no longer works. I have both fual slimbox as well as zen lightbox installed.
(2) This module does not work in IE. No product images are being displayed in IE.

Request you to help me sort out these problems...

Harshil

---

Hi Starruby,

It doesn't appear that you've modified the file found at includes/templates/your template/templates/tpl_product_info_display yet according to the readme. Also, I'm not sure what compatibility lightbox and slimbox have with each other. My understanding is that they both do essentially the same thing so you may want to consider uninstalling lightbox if you wish to use this module.

Quote:

---

Originally Posted by greydawgjr

Hi Starruby,

It doesn't appear that you've modified the file found at includes/templates/your template/templates/tpl_product_info_display yet according to the readme. Also, I'm not sure what compatibility lightbox and slimbox have with each other. My understanding is that they both do essentially the same thing so you may want to consider uninstalling lightbox if you wish to use this module.

---

Hi Jay,

Actually, I had modified the tpl_product_info_display file but since the module did not work hence I uninstalled it and reverted back to the original version of the file.

I will uninstall slimbox and then try installing your module.

Thanks for your help
Harshil :smile:

Quote:

---

Originally Posted by greydawgjr

Missed the edit time cut off...

I just realized you can easily test this theory by replacing the image it has with one of the same name but the larger dimensions, no fiddling with the AIS configuration necessary. (assuming you have an alternate means of resizing images such as irfanview or photoshop etc.) If you have the proper dimensions punched into both AIS and Zen's image settings they should immediately display correctly if my theory holds (again assuming the correct aspect ratio that I was talking about above)

---

I have tried this and it does not work for me. Is the only thing left is what you suggested in the previous thread. :cry:

greydawgjr.

Here is what i have in my admin. Is this correct? the first is zen carts and the second is AIS.

Quote:

---

Originally Posted by dscott1966

greydawgjr.

Here is what i have in my admin. Is this correct? the first is zen carts and the second is AIS.

---

I've been doing a lot of digging on this and have even tested it to some degree. The good news is that the image swapper already does use different variables so that simplifies things considerably. (AIS is using IMAGE_VIEWER_SMALL_IMAGE_HEIGHT while Zen is using SMALL_IMAGE_HEIGHT, and each one has its own configuration value)

The problem we're going to have is that the product listing images are coming from the thumbnail images and the dimensions you were suggesting are pretty big for thumbnails, since zen cart tries to put these thumbnails everywhere (side boxes, new products, also bought, etc) you'll just need to be sure your divs are set wide enough for a thumbnail of that width.

To use the previous values we were discussing, the Small Image Width and Small Image Height should be set to 224 and 300 respectively on the Zen Image configuration page. Then set the Small Image Width and Small Image Height to 56 and 75 for the AIS configuration page.

Then just overwrite your 56 by 75 image in with one that is 224 by 300. I have been testing this and can confirm that Zen Cart will display the larger image on the product listing page (and everywhere else the thumbnail is displayed) and the browser will resize it for the product info page. I was running into separate problems though with the way zen cart calculates column width on product listing.

Quote:

---

Originally Posted by dscott1966

greydawgjr.

Here is what i have in my admin. Is this correct? the first is zen carts and the second is AIS.

---

Oops, just busted out my magnifier on the images you've attached and saw you already did that. If you replace the image images/dresses/wht_1440.jpg with one that is 224 by 300 then I think it will display correctly on both pages.

*edit*
I just confirmed that on my own installation (in firefox at least, fingers crossed on the rest)! It's been a while since I've played with zen cart outside of tweaking AIS and had forgotten how granular it lets you get with the images. The problem I was having with my previous discussion is that I was only changing the Small image height and width, now the product listing height and width...

Quote:

---

Originally Posted by greydawgjr

Oops, just busted out my magnifier on the images you've attached and saw you already did that. If you replace the image images/dresses/wht_1440.jpg with one that is 224 by 300 then I think it will display correctly on both pages.

*edit*
I just confirmed that on my own installation (in firefox at least, fingers crossed on the rest)! It's been a while since I've played with zen cart outside of tweaking AIS and had forgotten how granular it lets you get with the images. The problem I was having with my previous discussion is that I was only changing the Small image height and width, now the product listing height and width...

---

Sorry took so long to get back with you but i just tested what you said. What i did was got the correct image size that i would have needed which was W:160 H:213 and resized the image to that then replaced it like you said and it worked out correctly, just like you said it would. Now with that in mind would i have to do it like that all the time? or when i upload it the images using AIS would they resize automatically?

Cna be seen here: http://dealz-r-us.com/index.php?main...dex&cPath=2_24