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

Quote:

---

Originally Posted by dscott1966

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

---

It does work in firefox but I just looked in IE7 and the browser isn't resizing it on the product info page like we'd like. The route I'm thinking now is since you'd essentially like to display your medium product image on the product listing maybe there's a way we can ask for that image instead of the thumbnail, which is what zen cart stores as a products main image. Unfortunately the way they store it makes it hard since it uses php to append the _MED suffix when needed instead of a db value that would make it a piece of cake.

If you know a good thread to ask how to get the product_listing.php page to display the medium image instead of a thumbnail I'd try that. I'll keep thinking of a fix in the mean time.

Quote:

---

Originally Posted by greydawgjr

It does work in firefox but I just looked in IE7 and the browser isn't resizing it on the product info page like we'd like. The route I'm thinking now is since you'd essentially like to display your medium product image on the product listing maybe there's a way we can ask for that image instead of the thumbnail, which is what zen cart stores as a products main image. Unfortunately the way they store it makes it hard since it uses php to append the _MED suffix when needed instead of a db value that would make it a piece of cake.

If you know a good thread to ask how to get the product_listing.php page to display the medium image instead of a thumbnail I'd try that. I'll keep thinking of a fix in the mean time.

---

ok i will try that and see if i can get an answer that way. Thanks for all your help.

GREYDAWGJR,

If i modify this section of
/includes/modules/your_template/product_listing.php:

case 'PRODUCT_LIST_IMAGE':
$lc_align = 'center';
if ($listing->fields['products_image'] == '' and PRODUCTS_IMAGE_NO_IMAGE_STATUS == 0) {
$lc_text = '';
} else {
if (isset($_GET['manufacturers_id'])) {
$lc_text = '<a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'cPath=' . (($_GET['manufacturers_id'] > 0 and $_GET['filter_id']) > 0 ? zen_get_generated_category_path_rev($_GET['filter_id']) : ($_GET['cPath'] > 0 ? zen_get_generated_category_path_rev($_GET['cPath']) : zen_get_generated_category_path_rev($listing->fields['master_categories_id']))) . '&products_id=' . $listing->fields['products_id']) . '">' . zen_image(DIR_WS_IMAGES . $listing->fields['products_image'], $listing->fields['products_name'], IMAGE_PRODUCT_LISTING_WIDTH, IMAGE_PRODUCT_LISTING_HEIGHT, 'class="listingProductImage"') . '</a>';
} else {
$lc_text = '<a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'cPath=' . (($_GET['manufacturers_id'] > 0 and $_GET['filter_id']) > 0 ? zen_get_generated_category_path_rev($_GET['filter_id']) : ($_GET['cPath'] > 0 ? zen_get_generated_category_path_rev($_GET['cPath']) : zen_get_generated_category_path_rev($listing->fields['master_categories_id']))) . '&products_id=' . $listing->fields['products_id']) . '">' . zen_image(DIR_WS_IMAGES . $listing->fields['products_image'], $listing->fields['products_name'], IMAGE_PRODUCT_LISTING_WIDTH, IMAGE_PRODUCT_LISTING_HEIGHT, 'class="listingProductImage"') . '</a>';
}
}
break;

This part of the file:
zen_image(DIR_WS_IMAGES . $listing->fields['products_image'], $listing->fields['products_name'], IMAGE_PRODUCT_LISTING_WIDTH, IMAGE_PRODUCT_LISTING_HEIGHT, 'class="listingProductImage"')

which i think displays the image, and take $listing->fields['products_image'] and make it point to the medium image filename. Would this work? If so how would i code this to make it work? this points to the product listing image.

Hey, is there any way to adjust the quality of the images created by Ajax Image Swapper? I've had a number of people point out the quality problems, here's a product I just added which has this problem:

http://www.chuckwa.com/store/index.p...products_id=65

If you look at the default images shown, they all have very noticeable banding and some blockyness.

For instance, here's the image show by default:
Default Image

Here's the original image, which is displayed when you click on the above:
Original/Large Image

Notice the image is nice and sharp with no real banding.

My guess is that the compression settings are set to high. I don't mind larger file sizes if I get better quality. My products are art toys, and its the pictures that sell them.

Quote:

---

Originally Posted by Chuckwa

Hey, is there any way to adjust the quality of the images created by Ajax Image Swapper? I've had a number of people point out the quality problems, here's a product I just added which has this problem:

http://www.chuckwa.com/store/index.p...products_id=65

If you look at the default images shown, they all have very noticeable banding and some blockyness.

For instance, here's the image show by default:
Default Image

Here's the original image, which is displayed when you click on the above:
Original/Large Image

Notice the image is nice and sharp with no real banding.

My guess is that the compression settings are set to high. I don't mind larger file sizes if I get better quality. My products are art toys, and its the pictures that sell them.

---

Look at post #381 that will help with your image problem.

Quote:

---

Originally Posted by Chuckwa

Hey, is there any way to adjust the quality of the images created by Ajax Image Swapper? I've had a number of people point out the quality problems, here's a product I just added which has this problem:

http://www.chuckwa.com/store/index.p...products_id=65

If you look at the default images shown, they all have very noticeable banding and some blockyness.

For instance, here's the image show by default:
Default Image

Here's the original image, which is displayed when you click on the above:
Original/Large Image

Notice the image is nice and sharp with no real banding.

My guess is that the compression settings are set to high. I don't mind larger file sizes if I get better quality. My products are art toys, and its the pictures that sell them.

---

Actually grab the file in post #387 since your images are in portrait form. The file in 387 includes a previous bug fix to the portrait aspect ratio calculation...

Quote:

---

Originally Posted by greydawgjr

Actually grab the file in post #387 since your images are in portrait form. The file in 387 includes a previous bug fix to the portrait aspect ratio calculation...

---

Ok, that seems to have helped a lot. What variables in the PHP would I need to change if I wanted to tweak the .jpg compression levels? I think this should (ATTN: Jaycode) be added to the admin interface.

Another question I asked before, but never got an answer. How do I change the order in which the images are displayed? It just seems random. Neither the order in which they are uploaded, "sort order", file name, or title seem to affect the order.

*Most* of the time it seems to be order uploaded, but not always. Sometimes the 3rd or 4th image uploaded will randomly get chosen as the first image and there's nothing I can do to fix it.

Quote:

---

Originally Posted by Chuckwa

Ok, that seems to have helped a lot. What variables in the PHP would I need to change if I wanted to tweak the .jpg compression levels? I think this should (ATTN: Jaycode) be added to the admin interface.

Another question I asked before, but never got an answer. How do I change the order in which the images are displayed? It just seems random. Neither the order in which they are uploaded, "sort order", file name, or title seem to affect the order.

*Most* of the time it seems to be order uploaded, but not always. Sometimes the 3rd or 4th image uploaded will randomly get chosen as the first image and there's nothing I can do to fix it.

---

If you rely on php to resize/resample images it's pretty much a tossup between the GD library or the imagemagic library. AIS is using the GD library and I simply changed the method using imagecreatetruecolor instead of what it was before. I don't remember if there was a way to specify the compression level but I don't think so. If your server has imagemagic installed on it then there may be other options but I don't know. If you've seen this feature in other modules let me know because I'm interested in it :D

As far as image order:

Zen cart has a few simple rules on how it handles the order in which images are displayed. Forget everything in the Image Swapper here because Zen cart itself is making the decision on sort order.

The primary thing you need to know is that all images associated with a product need to have a consistent naming scheme. That name can be whatever you like but a good rule of thumb is to make it descriptive.

The second thing you need to know is that zen cart is going to display this group of images alphabetically with a few rules. Subsequent images will have the consistent name that you’ve chosen, followed by an underscore and a suffix. The image you want to display first will have the shortest name and no underscoring.

All groups of images will look something like this if their file names were listed in a spread sheet:

basename (this image will display first, and only images associated with that product should have this base)
basename_suffixone
basename_suffixtwo
basename_suffixthree

Zen cart is going to alphabetize the suffix names and line them up in the thumbnails. These 4 images will display in the following order:
basename
basename_suffixone
basename_suffixthree
basename_suffixtwo

With a little planning you can give the images names that will get them to display in the exact order you wish. I recommend you get descriptive with the suffixes as well so you know exactly what image is associated with that file name, ie:
pinkblanket
pinkblanket_black
pinkblanket_zoom

If you wanted zoom to come before black you’d have to get a little creative and name it pinkblanket_azoom.

In the Image Swapper you can leave all the sort orders at 0. These images will naturally sort because of their names.

A couple tips:

• No pronunciation in your image names.
• Use numbers or don’t use numbers. If you use it on one use it on all, ie, pinkblanket_1, pinkblanket_2, etc. These will sort 1, 2, 3
• No spaces in image names BUT do use underscores to separate the base name from its suffix

.

Thanks again greydawgjr. That was how I understood things, but I have found that it doesn't always seem to work that way.

Again, see my Munny Zipper Pulls.

You'll see the images are sorted:

munnyzip-4
munnyzip-3
munnyzip-2
munnyzip-1
munnyzip-5

They were uploaded in order from 1-5. Is it the "-" that screws up the sorting?

Quote:

---

Originally Posted by Chuckwa

Thanks again greydawgjr. That was how I understood things, but I have found that it doesn't always seem to work that way.

Again, see my Munny Zipper Pulls.

You'll see the images are sorted:

munnyzip-4
munnyzip-3
munnyzip-2
munnyzip-1
munnyzip-5

They were uploaded in order from 1-5. Is it the "-" that screws up the sorting?

---

I don't think so but possibly... Are all the sort orders set to 0 in the image swapper? I should have mentioned that there is a difference depending on whether or not you have sub directories underneath the images directories. You can read more about it here: https://www.zen-cart.com/tutorials/index.php?article=58 . Specifically, the underscore actually plays a role in the image name if you have sub directories. I don't think it's required if all your images are in the default directory as yours are.

I know what you mean about the randomness of it, I struggled with it all day once, finally I created a subdirectory and it hasn't seemed to be an issue since. (If you do this then underscores are required for proper display order)

Hello

I am using AIS mod - I am wondering where to take the green arrow button out and just have images line up in rows?


thanks

Quote:

---

Originally Posted by dreamlex

Hello

I am using AIS mod - I am wondering where to take the green arrow button out and just have images line up in rows?


thanks

---

The simplest way would be to replace the two arrow images with some 1x1 gifs with the same name that match your background color making them there but invisible. You can then adjust their padding by modifying the AIS css file on lines 39 and 44.

The arrows are placed by javascript so if you simply delete the images your page may not only display broken image links but also javascript errors. If you wish to eliminate them you can modify the js file found in zen_cart_folder/includes/modules/pages/product_info/jscript_2_imageViewer.js. Change lines 129 and 160 where it says 'display' , 'block' to read 'display' , 'none' instead.

I am having problem with this addon. My product info page turns out blank after installation

Here is the page = http://www.chicsinred.com/bootylisho...roducts_id=188

Any help how to fix this?

Quote:

---

Originally Posted by chicsinred

I am having problem with this addon. My product info page turns out blank after installation

Here is the page = http://www.chicsinred.com/bootylisho...roducts_id=188

Any help how to fix this?

---

It's ok, I managed to find the solution.

greydawgjr,

I got an answer on that image problem that you were helping me out on. Here is what i got.

$products_image_medium
I doubt the value of this variable is set correctly unless the currently operating code explicitly sets it. See if you can find the product main image display file or function; that has the steps to disassemble the value provided by $listing->fields['products_image'] and convert it to the medium image name.
If you have any facility with PHP, you can probably use standard functions to strip and save the last 4 characters from $listing->fields['products_image'], add '_MED', and restore the extension. This presumes a 3-character extension, but that's a pretty safe bet.

Note: "echo" is your friend while working on this, to see what the actual value of a variable is at different stages of the process.

Can you make heads or tells on what is going on. I've tried and cannot figure it out maybe you can.

Thanks for all your help

just installed the ais on my zc1.3.8a test site. it was already set up with images.

seems to working, but the blue border bleeds over my option selection boxes. see here: http://tinyurl.com/9ymkd7

is there anyway to prevent that? i tried reducing the image width which changed the image size but the blue border didn't change.

also when i click on the image to see the full size it replaces the current window with an image... how do i set it to come up in a "popup" window box on top of the current window?

thanks!

Quote:

---

Originally Posted by gsdcypher

just installed the ais on my zc1.3.8a test site. it was already set up with images.

seems to working, but the blue border bleeds over my option selection boxes. see here: http://tinyurl.com/9ymkd7

is there anyway to prevent that? i tried reducing the image width which changed the image size but the blue border didn't change.

also when i click on the image to see the full size it replaces the current window with an image... how do i set it to come up in a "popup" window box on top of the current window?

thanks!

---

In your style sheet on this line( stylesheet.css (line 558) Look for this:

#rightFloat{

float:left;
width:45%;

and change so it says float:right

on the second part try enabling lightbox that should help, i think because that is what i use.

cool. thanks for css fix.

so lightbox is another mod i have to get right? is that what opens a larger image in a "popup" window? does that also do that magnification thing on the mouse over???

should i install the fual slimbox (lightbox) version?

thanks.

i have enabled the fual slimbox lightbox that was installed when i installed ais, but it is not functioning. when i click on an image to view a larger image, it still just replaces the current window with a new window...

any ideas???

thanks.

Quote:

---

Originally Posted by gsdcypher

i have enabled the fual slimbox lightbox that was installed when i installed ais, but it is not functioning. when i click on an image to view a larger image, it still just replaces the current window with a new window...

any ideas???

thanks.

---

This would be my idea because i do not know any other way sorry but i would just uninstall ais then in stall fuel slimbox first and make sure it is working properly. Then install ais then you should have no problem. That is the only thing i can tell you.

Follow up: Also the ais looks and works fine (except for the lightbox portion) in FF, but in IE 7 it is completely broken.

Thanks.

Quote:

---

Originally Posted by gsdcypher

Follow up: Also the ais looks and works fine (except for the lightbox portion) in FF, but in IE 7 it is completely broken.

Thanks.

---

Fixed this bug, and a few others. Updated the module, check out AIS 3.1.4.

IT NOW HAS BETTER IMAGE QUALITY!!! WOOHOO!!!:clap:
Still lots of dev jobs ahead for this module though...

Thanks for all your support! :smile:

Jay

Quote:

---

Originally Posted by jaycode

Fixed this bug, and a few others. Updated the module, check out AIS 3.1.4.

IT NOW HAS BETTER IMAGE QUALITY!!! WOOHOO!!!:clap:
Still lots of dev jobs ahead for this module though...

Thanks for all your support! :smile:

Jay

---

Great news Jay! Are these official changes basically the same as the unofficial patch released earlier in this thread? Any other improvements? (I've already applied the unofficial graphics fix, just wanting to know if I'm gaining something else by upgrading the official release)

Quote:

---

Originally Posted by Chuckwa

Great news Jay! Are these official changes basically the same as the unofficial patch released earlier in this thread? Any other improvements? (I've already applied the unofficial graphics fix, just wanting to know if I'm gaining something else by upgrading the official release)

---

Agh looks like I been inactive in the forum for far too long, I didn't take note of the unofficial patches :shocking:

• Fixed image display bug on IE - when you started with images IE will display the product info page all wrong, fixed that.
• Better image quality (at last!!)
• Popup image on admin when you clicked on thumbnails.
• Automatically resize all your products' images when you use "setup images" in admin.
• Tested with Image Handler 2! watermarking is yet to work with large images.

These above are the list of updates.

Could you kindly post up the updates you installed maybe I can incorporate them to this module?

Quote:

---

Originally Posted by jaycode

Agh looks like I been inactive in the forum for far too long, I didn't take note of the unofficial patches :shocking:

• Fixed image display bug on IE - when you started with images IE will display the product info page all wrong, fixed that.
• Better image quality (at last!!)
• Popup image on admin when you clicked on thumbnails.
• Automatically resize all your products' images when you use "setup images" in admin.
• Tested with Image Handler 2! watermarking is yet to work with large images.

These above are the list of updates.

Could you kindly post up the updates you installed maybe I can incorporate them to this module?

---

You are great Jay, I am very happy for this latest update. The AIS is one of the best module for Zencart which I used b4. :clap:

Hi Jay, posts 381 and 387 have the two patches that have been released.

I'm not technical, so maybe someone else could explain what they did. My understanding is they improved image quality by changing the image resizing program and fixed a bug when it came to displaying photos in portrait layout.

Hi -

I've just installed AJAX Image Swapper v.3.1.3 and I have a few problems - first of all, I have 3 Zen Lightbox's my dropdown in Admin > Configuration. I'm thinking I'm not supposed to have 3???

I have 2 image swappers on my page :(

Look here to see my page

I realize I probably uploaded a file to the wrong place, or something...I found the file placements a little hard to follow. I would appreciate any help to fix this. I'd really like to use it.

quick question... when you have a product with multiple images and you click on one of the images to make it larger... how to you get the text prev and next to show in the lightbox so you can navigate through the pictures in large format?

i have seen that on other zen cart sites. but on mine it only shows the close x text... :blink:

also. anyone know the css to get the cursor to change when you mouse over an image so it indicates the image can be clicked? it works in FF but not in IE7...

thanks.

Quote:

---

Originally Posted by Chuckwa

Hi Jay, posts 381 and 387 have the two patches that have been released.

I'm not technical, so maybe someone else could explain what they did. My understanding is they improved image quality by changing the image resizing program and fixed a bug when it came to displaying photos in portrait layout.

---

Thanks, will try looking at them...:smile:

Quote:

---

Originally Posted by CharInLasVegas

Hi -

I've just installed AJAX Image Swapper v.3.1.3 and I have a few problems - first of all, I have 3 Zen Lightbox's my dropdown in Admin > Configuration. I'm thinking I'm not supposed to have 3???

I have 2 image swappers on my page :(

Look here to see my page

I realize I probably uploaded a file to the wrong place, or something...I found the file placements a little hard to follow. I would appreciate any help to fix this. I'd really like to use it.

---

1. you might want to download version 3.1.4 from my site.
2. run the sql uninstallation for fual slimbox (available on sql_installer.sql), remove all the files you installed, then reinstall everything. To install this module, simply copy all the files & folders inside all the following directories:
zen_cart_files, mootools_on_* and edit your templates/tpl_product_info_default.php (see installation notes)
3. Or simply make use of my installation service (scroll down)

Good luck :wink:

Quote:

---

Originally Posted by gsdcypher

quick question... when you have a product with multiple images and you click on one of the images to make it larger... how to you get the text prev and next to show in the lightbox so you can navigate through the pictures in large format?

i have seen that on other zen cart sites. but on mine it only shows the close x text... :blink:

also. anyone know the css to get the cursor to change when you mouse over an image so it indicates the image can be clicked? it works in FF but not in IE7...

thanks.

---

Nope this isn't work with this version just yet... sorry... soon though now that you mention

Quote:

---

Originally Posted by jaycode

1. you might want to download version 3.1.4 from my site.
2. run the sql uninstallation for fual slimbox (available on sql_installer.sql), remove all the files you installed, then reinstall everything. To install this module, simply copy all the files & folders inside all the following directories:
zen_cart_files, mootools_on_* and edit your templates/tpl_product_info_default.php (see installation notes)
3. Or simply make use of my installation service (scroll down)

Good luck :wink:

---

Ok, I have uninstalled the pages and dl'd the newer version. We'll see what happens this time. I hope I don't wind up with 5 lightbox's, that Config list is getting really long.

in my ais mod download it has references and files for fual slimbox... 1) can ais be installed without fual slimbox? 2) is it compatible with zen lightbox 1.5?

thanks.

Hello, I have installed this mod and it works pretty much flawlessly.

I am having one problem however. I cannot add any additional images. When I click the "ADD NEW IMAGE" button it does nothing and says "ERROR ON PAGE" in the status bar.

Also, how can I reduce the height of the main product image box. I see the width is in the CSS but I cannot find the height.

Do I have to use attributes to have additional images? If so, what if my product has no attribute?

Sorry to double post!!

I cannot get images to show up in Firefox, I just get the loading animation continuously?

Any idea what the problem may be? It works great in IE.

My images are overlapping with a setting of 75 x 75 everytime. This only happens in firefox. In IE each additional image goes below the first, grr.... I cant seem to find an answer...

Quote:

---

Originally Posted by th3d0c

My images are overlapping with a setting of 75 x 75 everytime. This only happens in firefox. In IE each additional image goes below the first, grr.... I cant seem to find an answer...

---

Do you use AIS 3.1.4? have you checked admin - configuration - Ajax Image Swapper?

Don't get burned, heh...

Quote:

---

Originally Posted by gsdcypher

in my ais mod download it has references and files for fual slimbox... 1) can ais be installed without fual slimbox? 2) is it compatible with zen lightbox 1.5?

thanks.

---

1. no
2. maybe - depends on fual slimbox

Quote:

---

Originally Posted by Sputnik77

Sorry to double post!!

I cannot get images to show up in Firefox, I just get the loading animation continuously?

Any idea what the problem may be? It works great in IE.

---

Most likely some files weren't copied, or images haven't being set up. On admin, click on "setup images" if you install this for the first time...

Quote:

---

Originally Posted by jaycode

Do you use AIS 3.1.4? have you checked admin - configuration - Ajax Image Swapper?

Don't get burned, heh...

---

Yeah i just downloaded it yesterday. I have small image size set to 220 x 220. Can it not support this? dammit, now the images are on top of each other.

Doc.

Question for anyone that had Image Handler 2 (IH2) installed and working... When you installed AIS, did that change the way IH2 worked???

Thanks!

Has anyone figured out how to get the pointer to change to a hand when mousing over the product image to indicate the image is clickable???

In IE7 the cursor looks like a text cursor on mouse over of the product image (instead of a hand). Note: It does change to a hand when you mouse over the additional images below the main image. It is only the main image that it does not change...

Thanks!

i figured it out,

I edited the file includes/modules/pages/product_info/jscript_2_imageveiwer


options: {
small_container_width : 75,
small_container_height : 75,
scroll_size : 3 //How many images to scroll when left or right arrow pressed
},

I have Image Handler installed and once I installed this add-on, all of my product listing images resized to 75px x 75px - I can't seem to get around. I've read through this thread, but there doesn't seem to be a concrete answer for fixing it. If you are using the IH2 - you may want to think before adding this until there's a way for both to work together

Quote:

---

Originally Posted by Marg

I have Image Handler installed and once I installed this add-on, all of my product listing images resized to 75px x 75px - I can't seem to get around. I've read through this thread, but there doesn't seem to be a concrete answer for fixing it. If you are using the IH2 - you may want to think before adding this until there's a way for both to work together

---

Confirmed,

this doesn't work... this happens due to the "rude" way this module handle images. Instead of using cache as IH2, this directly edit the images. Looks like there are lots of things for me to learn still...

Trying to be as objective as I can here...

Quote:

---

Originally Posted by gsdcypher

Has anyone figured out how to get the pointer to change to a hand when mousing over the product image to indicate the image is clickable???

In IE7 the cursor looks like a text cursor on mouse over of the product image (instead of a hand). Note: It does change to a hand when you mouse over the additional images below the main image. It is only the main image that it does not change...

Thanks!

---

:oops: that was overlooked
Set this in the css:

.image_medium {
cursor: pointer

}


Cheers

I am having trouble with the sort order on some products.

I am not using attributes, just a product with 3 images.
Base image name is WCUFDRIVE.jpg and additional images are WCUFDRIVE_1.jpg and WCUFDRIVE_2.jpg.

All 3 have sort order set to 0.

When I load the page the WCUFDRIVE_2.jpg image is being shown in the medium image container.
You can see an example on this page. Remove the spaces in the url to make the link work.
http://www.e x c i t e d 2 l e a r n.com/shop/index.php?main_page=product_info&cPath=66&products_id=185


I am also having trouble getting this mod to work at all in IE7. All I see is the loading indicator gif, but nothing ever loads. This happens on my site as well as the webextremecustomiser example site.

Any help would be greatly appreciated. I am just about ready to go live with this site and was doing a cross browser check when I noticed this issue.

Quote:

---

Originally Posted by pjb923

I am having trouble with the sort order on some products.

I am not using attributes, just a product with 3 images.
Base image name is WCUFDRIVE.jpg and additional images are WCUFDRIVE_1.jpg and WCUFDRIVE_2.jpg.

All 3 have sort order set to 0.

When I load the page the WCUFDRIVE_2.jpg image is being shown in the medium image container.
You can see an example on this page. Remove the spaces in the url to make the link work.
http://www.e x c i t e d 2 l e a r n.com/shop/index.php?main_page=product_info&cPath=66&products_id=185


I am also having trouble getting this mod to work at all in IE7. All I see is the loading indicator gif, but nothing ever loads. This happens on my site as well as the webextremecustomiser example site.

Any help would be greatly appreciated. I am just about ready to go live with this site and was doing a cross browser check when I noticed this issue.

---

Looks ok to me: [scr]http://www.alphawebdevelopers.com/looks_ok.jpg[/scr]

Jay

Jay,
Looks like you got a little competition. :smile:

http://www.zen-cart.com/forum/showthread.php?t=122102

Quote:

---

Originally Posted by jaycode

Looks ok to me: [scr]http://www.alphawebdevelopers.com/looks_ok.jpg[/scr]

Jay

---

Thanks for looking Jay. I think the IE problem is related to my computer at work because it seems to be working on other machines.

But the images are out of order. The image that shows up in the main image container when the page is first loaded should be the 2nd image. They are named properly and don't seem to respond to changes in the sort order.

Any ideas?

Thanks for Jay and the others in this thread. :clap:
All your comments help me pass through tons of problems and finally get the mod run.
I am a total newbie on site building and know zero about html css php sql things..... (thanks for ZC, I learn a bit more now!)

After over 20 times 1.38a fresh install and reinstall on 6 different public host. I finally get the AJAX mod run.
On this stage I just need ONE function by AJAX is, when I change an attribute, a related image replace the main image.
Here is my success test site:
http://cocteau.xtreemhost.com/index....roducts_id=193

Then I made a full back from this server and database and hv a formal transfer to my live server. AJAX refuse to work again:frusty:

I use the Firefox Web Developer plugin try to view what's wrong. I got 2 error when load the page. (thanks for this great plugin too it really help me a lot a lot a lot...) :clap:

When I try to access the admin>AIS manager (V3.14), I get the well-know "please select a category first" problem. Error Console show this error:
(elements not find)
/admin/AJAX servers/AJAX image swapper server.php?action=loadProducts&category id=68&id=1236952311532

When I try to load my test page on the live server, another well-known "Spinning Pie" on there.
http://paper-tee.com/online/index.ph...roducts_id=193
Console show this error:
(elements not find)
/admin/AJAX servers/AJAX image swapper server.php?action=loadImages&products id=193&options id=1&options values id=29&id=1236952381618


I am quite sure this was caused by my server spec. or wrong settings. And AJAX is quite a server sensitive mod maybe.
Please see the brief of my Server info:

Server OS: Linux 2.6.18-92.1.18.el5
Database: MySQL 5.0.45
HTTP Server: Apache/2.2.3 (CentOS)
PHP Version: 5.1.6 (Zend: 2.1.0)
PHP Memory Limit: 16M
PHP Safe Mode: Off
PHP File Uploads: On

Any suggestions or direct helping may pull me out of this two week long nightmare...

PS. and sorry for my poor English also :laugh:

Quote:

---

Originally Posted by haredo

Jay,
Looks like you got a little competition. :smile:

http://www.zen-cart.com/forum/showthread.php?t=122102

---

heh :smile: and yes there is always room for better coding, as you mentioned on that thread...

Quote:

---

Originally Posted by pjb923

Thanks for looking Jay. I think the IE problem is related to my computer at work because it seems to be working on other machines.

But the images are out of order. The image that shows up in the main image container when the page is first loaded should be the 2nd image. They are named properly and don't seem to respond to changes in the sort order.

Any ideas?

---

No prob, email me your site details to j a y - at - webe xtre mecu stom iser.com I can probably take a look.

Quote:

---

Originally Posted by cocteau

Thanks for Jay and the others in this thread. :clap:
All your comments help me pass through tons of problems and finally get the mod run.
I am a total newbie on site building and know zero about html css php sql things..... (thanks for ZC, I learn a bit more now!)

After over 20 times 1.38a fresh install and reinstall on 6 different public host. I finally get the AJAX mod run.
On this stage I just need ONE function by AJAX is, when I change an attribute, a related image replace the main image.
Here is my success test site:
http://cocteau.xtreemhost.com/index....roducts_id=193

Then I made a full back from this server and database and hv a formal transfer to my live server. AJAX refuse to work again:frusty:

I use the Firefox Web Developer plugin try to view what's wrong. I got 2 error when load the page. (thanks for this great plugin too it really help me a lot a lot a lot...) :clap:

When I try to access the admin>AIS manager (V3.14), I get the well-know "please select a category first" problem. Error Console show this error:
(elements not find)
/admin/AJAX servers/AJAX image swapper server.php?action=loadProducts&category id=68&id=1236952311532

When I try to load my test page on the live server, another well-known "Spinning Pie" on there.
http://paper-tee.com/online/index.ph...roducts_id=193
Console show this error:
(elements not find)
/admin/AJAX servers/AJAX image swapper server.php?action=loadImages&products id=193&options id=1&options values id=29&id=1236952381618


I am quite sure this was caused by my server spec. or wrong settings. And AJAX is quite a server sensitive mod maybe.
Please see the brief of my Server info:

Server OS: Linux 2.6.18-92.1.18.el5
Database: MySQL 5.0.45
HTTP Server: Apache/2.2.3 (CentOS)
PHP Version: 5.1.6 (Zend: 2.1.0)
PHP Memory Limit: 16M
PHP Safe Mode: Off
PHP File Uploads: On

Any suggestions or direct helping may pull me out of this two week long nightmare...

PS. and sorry for my poor English also :laugh:

---

Thank you for your comments, but I have to humbly add that this module is still far away from perfection. Hopefully I can find time through the weeks to improve this module further...

looks like the file templates/YOUR_TEMPLATE/tpl_product_info_page.php hasn't been edited.

Quote:

---

Originally Posted by jaycode

looks like the file templates/YOUR_TEMPLATE/tpl_product_info_page.php hasn't been edited.

---

Thanks for your quick reply Jay.
Yes I did edit those 2 lines of the tpl_product_info_page.php. But because I hv to keep on build my site so I roll back the file to original at yesterday night. (Sorry about that) :blush:

I just built another test site on the same live server same database, just for you to view the problem.
This test page show the same message by the Error Console. Both the Product info page and the AIS manager admin page hv the same old problem.
http://paper-tee.com/online_test/ind...roducts_id=180

Thank you very much for the kindly follow up. :hug:

Hi all,

I installed the ajax mod to my zen cart. It's amazing how it works.
But now I've got 3 questions:
1.Before I already installed Zen Lightbox and it worked perferctly.
But now, the Zen Lightbox doesn't work anymore.
Do you know how I can fix this?

2. I used the swapper for every attribute. But what if my attribute has no special picture, is it possible, that he automatically uses the standard ones?

3. Normally he should show these arrows, when you have more than 3 pics, but these arrows don't appear!
Do you know how I can fix this?

Thanks for your answers!
Jan

Quote:

---

Originally Posted by jaka21

I've got 3 questions:

---

I know little about AJAX image swapper. But I spent over 2 weeks try to install this mod well, I read alot info here so I hope may help others.

1. You may try to upload the "Zen Lightbox patch" which is in the Documents_and_extra_files folder. (but honestly I hv no luck to let Zen Lightbox work again by this patch. Fual Slimbox is working fine)

2. You are better to add attribute images use the admin>catalog>AJAX image swapper manager. (or try to use the "setup image" function inside the manager)

3. Because you are now using the Fual Slimbox which is a AJAX image swapper built-in lightbox. It's function is not exactly same as Zen Lightbox. You may visit the Fual Slimbox supportting thread to know more.

Hope this can help! :wink:

Quote:

---

Originally Posted by cocteau

I know little about AJAX image swapper. But I spent over 2 weeks try to install this mod well, I read alot info here so I hope may help others
[...]
3. Because you are now using the Fual Slimbox which is a AJAX image swapper built-in lightbox. It's function is not exactly same as Zen Lightbox. You may visit the Fual Slimbox supportting thread to know more.

Hope this can help! :wink:

---

Thank you for your help. I deactivated the Zen Lightbox and it works!!!

Question number 3.
I meant these arrows for the additional images. Wenn you have more than 3 images it should show an arrow to scroll to the next ones, but this doesn't word!
Do you know the fix?

Sorry,

here the question again with an image where it works.

Mine is the jewellery one in the post above.
What you can see:
I have 4 Images and i want to have that 3 images appear and then I need this green arrow to go to the next one. but this green arraw doesn't appar.
(in the original image, it does.)
Does anybody know, how I can fix this?

Sorry for the misunderstanding. :P

I never hv more then 3 images for a single product.
(The truth is, I hv no luck to let this mod run well on my live server, so what can I help is very less....):no:

However, the arrow stuff you mentioned maybe set at the admin>configuration>AJAX Image Swapper> (last 2 options)

Jay This is a great app. Im kind of a novice but know enough to be dangerous. my question thought is Can i display the Image title In the Image viewer Portion Of the Window. My Reason is i would like to add addition info to the description on the change of the attributes to describe what they are changing it to. im looking to sell candles and the fragrance change i would like a short blurb on what the title of the fragrance is. i noticed that when i click on the image and the slim box pops i get the info i want but i can follow where it is pulling it from to modify the code to add that info.

Hi everyone,

Jay great apps. I was wondering how I can remove the main product image with out having problem. I have tried to remove the tpl_modules_main_product_image.php but that would cause my product info page not to load. So the question is how can i remove it without having problem.

Thank you,

Dat

Hi,

Actually I have figure it out.

:clap:

Hello,

I was wondering if it is possible to change the #image_viewer height sizing?

I had tried adding a height value to #image_viewer but it doesn't do anything.

I have assumed that you edit: styles_AJAX_image_swapper.css


#image_viewer {
width: 300px;
border: 1px solid #215086;
margin:5px;
padding:5px;
}

If I change the width it edit's border no problem. Where is it getting it's height value from? Can I change this?

I don't want to just remove the border. I have slightly off square image and don't like having all that blank space below.

Thanks for any input.

Soz.. could no longer edit post after 7 mins without admin permission.

In regards to my question above thanks I think I have sorted it out
.
I have found:

<div id="image_viewer" style="height: <?php echo (IMAGE_VIEWER_MEDIUM_IMAGE_HEIGHT + IMAGE_VIEWER_SMALL_IMAGE_HEIGHT - 20)?>px">

I can see that I can just edit the +20 to - 20 or whatever.

I assume measured in pixels?

I do have another question.

In IE when you hover the mouse over product image it doesn't show handover it. This javascript issue with ie ? No fix?

Thanks Great app!

hey guys,

i tried installing it on my demo site, followed the steps
as far as i know), but it will not load the images


here is a link

http://bocaratondentalgroup.com/stor...&products_id=3


anybody have an idea what could be causing this?


many thanks guys

Hi,

wondering if someone can help me out. can't seem to get my Ajax Image Manager to install properly. I understand you have to add your databases prefix to the sql_installer file. I don't have one, so I've added "" as directed and still no success.

So I would like to uninstall the program, add a prefix to my database if I can and then reinstall.

The problem is that I am having problems uninstalling the program. I've removed all the files from my root directory and the file added to the my custom template but can't seem to do the uninstall with the fual slimbox.

Not sure how to do this: instructions states to run the uninstallation from the sql_installer.sql file but which coding am I selecting and where do I run it?

Is it this code?

UNINSTALLATION
-- SET @t4=0;
-- SELECT (@t4:=configuration_group_id) as t4
-- FROM configuration_group
-- WHERE configuration_group_title= 'Fual Slimbox';
-- DELETE FROM configuration WHERE configuration_group_id = @t4;
-- DELETE FROM configuration_group WHERE configuration_group_id = @t4;

Thanks for your help!!

I just dropped the configuration_group from my phpAdmin....seemed to work in uninstalling the Fual Slimbox

Thought it might be worth mentioning a couple things I came accross in case others are pulling thier hair out.

1. When using Ajax image swapper manager:

The sort order box doesn't work when using option selectors.

If you have options for example for a product. Say blue, red and green.

Which ever color you want to load first when someone vists that product will need to be selected in the standard attributes section.

catalog > Attributes controller

Select your attribute on the product you wish to edit and click display.

Once you see your option selectors click on edit beside the attribute you want to load first when that product loads. Ie blue

In the edit section on the blue option click on: Default Attribute
to be Marked Selected.

2. Don't use the same images for products. You will need to have a single image for every product even if they are the same. 9You may get a way with it to a certain point but ends up buggy)

3. Don't use additional .'s in any naming of images as this causes problems with the display sizing in Zen Cart.

Over all an awsome module.

Cheers.

Quote:

---

Originally Posted by Muzz

Thought it might be worth mentioning a couple things I came accross in case others are pulling thier hair out.

1. When using Ajax image swapper manager:

The sort order box doesn't work when using option selectors.

If you have options for example for a product. Say blue, red and green.

Which ever color you want to load first when someone vists that product will need to be selected in the standard attributes section.

catalog > Attributes controller

Select your attribute on the product you wish to edit and click display.

Once you see your option selectors click on edit beside the attribute you want to load first when that product loads. Ie blue

In the edit section on the blue option click on: Default Attribute
to be Marked Selected.

---

Fix:

Edit the following file:

SHOP_DIRECTORY/AJAX_servers/AJAX_image_swapper_server.php
and find this line (line 22):

AND products_id_no_attribute = '" . $products_id . "'";

replace it with:

AND products_id_no_attribute = '" . $products_id . "' ORDER BY
image_sort_order";

Quote:

---

Originally Posted by Muzz

Fix:

Edit the following file:

SHOP_DIRECTORY/AJAX_servers/AJAX_image_swapper_server.php
and find this line (line 22):

AND products_id_no_attribute = '" . $products_id . "'";

replace it with:

AND products_id_no_attribute = '" . $products_id . "' ORDER BY
image_sort_order";

---

I was just coming here to post the exact same fix. Jay was kind enough to troubleshoot my site and gave me this fix last night. Now everything is sorted correctly again. :clap:

Need some help get AIS to display anything?

Ok, I have AIS installed.
I am running php (5.2.+)
I have Config>Fual Slimbox
Config>AJAX Image Swapper
Catalog>AJAX Image Swapper Manager
all installed. I have attributes for "color" set up and displaying now. I was able to upload the AJAX images I require via the AJAX Image Swapper Manager.

I am also using IH2. However on my test product I don't see any changes? Can anyone offer some advice on what/where I am going wrong?

See sample http://www.pipparoo.com/index.php?ma...products_id=49

This is the only product I have set up for AIS but cannot get it to display anything.

Appreciate some feed back.

Cheers
Greg

Forget my last post above. know what I did wrong. :oops:

My question now that it's working, my product page images are in a box 710px long and it's pushing the Attributes way down.

Any idea how to fix that problem?

Thanks
Greg

Quote:

---

Originally Posted by aussieny

Forget my last post above. know what I did wrong. :oops:

My question now that it's working, my product page images are in a box 710px long and it's pushing the Attributes way down.

Any idea how to fix that problem?

Thanks
Greg

---

Connect to your shop via FTP.

yourshopdirectory/includes/templates/yodgee_template/css

edit the styles_AJAX_image_swapper.css file.

I'm having same issue as yourself.. was able to get them closer but still working on the layout. Will let you know if I have any luck.

Wondering if anyone else has this issue.

using IE 7.

Ajax image swapper and IM2. When vewing a product if I rollover the image the cursor does not change to a hand to let you know that you can click on it to enlarge.

The hand does appear in Chrome and Firefox?

ie Bug? Any solution?

Quote:

---

Originally Posted by Muzz

Wondering if anyone else has this issue.

using IE 7.

Ajax image swapper and IM2. When vewing a product if I rollover the image the cursor does not change to a hand to let you know that you can click on it to enlarge.

The hand does appear in Chrome and Firefox?

ie Bug? Any solution?

---

I ended up editing some code in styles_AJAX_image_swapper.css file.

.image_medium {
/*cursor: url(../images/zoomin.cur);*/
cursor: pointer;

I assume this will cause no issues?

Seems to work ok but does kill some of the smoothness of the transition from slimbox.

Blarg, no images are displaying for me. I believe everything is installed correctly; I have the 3 appropriate additions to the menus in the admin section, and I've set up the images for one product in the config. All I'm getting right now is the loading gif (in both FF and IE). Anyone have any ideas or suggestions?

Test Site: http://www.justbeetees.com/index.php...products_id=51
PHP Version: 5.2ish


These are the errors thrown in the Error Console:

Warning: Error in parsing value for property 'cursor'. Declaration dropped.
Source File: http://www.justbeetees.com/includes/...ge_swapper.css
Line: 30

Warning: Unknown property 'z-order'. Declaration dropped.
Source File: http://www.justbeetees.com/includes/...ge_swapper.css
Line: 61

Warning: Unknown property 'behavior'. Declaration dropped.
Source File: http://www.justbeetees.com/includes/...ge_swapper.css
Line: 97

Error: image_ids_node[i] is undefined
Source File: http://www.justbeetees.com/includes/...age_swapper.js
Line: 79

Random thought - would the script conflict anywhere because if the fact that I've changed the name of my admin folder (as Zen Cart recommends)? E.g., some call to the /admin/ folder rather than doing it localized? I doubt it, but thought I'd throw that out there.

Still trying to figure out what would be causing the images not to load at all. I've double-checked to make sure all the files were put in their proper locations.I don't even see anywhere in the source code and linked files that the location of the images is references at all, but maybe I'm missing something. I'll also note I don't really have any other 3rd party mods running, though I've made a handful of changes myself throughout the site. Hmm...

Quote:

---

Originally Posted by Muzz

Connect to your shop via FTP.

yourshopdirectory/includes/templates/yodgee_template/css

edit the styles_AJAX_image_swapper.css file.

I'm having same issue as yourself.. was able to get them closer but still working on the layout. Will let you know if I have any luck.

---

Thanks for this. I have the file and see where I can adjust the width but all the heights are at 300px or less and there is still a huge gap.

Also the smaller images are of poor quality, did you have that problem? I did up load in good resolution but it's not showing.

Any thoughts are appreciated.

Quote:

---

Originally Posted by Twinge

Random thought - would the script conflict anywhere because if the fact that I've changed the name of my admin folder (as Zen Cart recommends)? E.g., some call to the /admin/ folder rather than doing it localized? I doubt it, but thought I'd throw that out there.

Still trying to figure out what would be causing the images not to load at all. I've double-checked to make sure all the files were put in their proper locations.I don't even see anywhere in the source code and linked files that the location of the images is references at all, but maybe I'm missing something. I'll also note I don't really have any other 3rd party mods running, though I've made a handful of changes myself throughout the site. Hmm...

---

Changing the folder name shouldn't effect it at all.

In your posted links the addressing is:

This block of code is for the template's stylesheet, located inside includes/templates/YOUR_TEMPLATE/css/stylesheet.css

Have you renamed 'YOUR_TEMPLATE' to your own template name?

I assume you have image handler 2, ajax image swapper and Fual slimbox installed?

You ran the script for ajax image swapper, renamed ALL the 'YOUR_TEMPLATE' folders through the mod to your own template name?

Also in an image is not loading.. login to admin > Catalog > Ajax Image Swapper Manger.
Select the product > product name > attribute then click on the listed image. On the right is the image viewable? how many kilabytes are they also? For me when a image isn't viewable it was because of a conflict. ie: I tried to use the same image for various products or attributes. it would curupt the image.

Okay, another update - it's almost definitely not displaying because of the JavaScript error I mentioned above (the error comes up every time I select a color attribute):

Error: image_ids_node[i] is undefined
Source File: http://www.justbeetees.com/includes/...age_swapper.js
Line: 79


None of the nodes are being defined properly for some reason. my JavaScript skills are pretty weak, but I'm trying to figure it out; if I force-define image_ids_node[0] to something, the next node (image_paths_small_node[i]) throws up an error for being undefined instead. Anyone know what might be causing all of these to not get defined properly?

Quote:

---

Originally Posted by aussieny

Thanks for this. I have the file and see where I can adjust the width but all the heights are at 300px or less and there is still a huge gap.

Also the smaller images are of poor quality, did you have that problem? I did up load in good resolution but it's not showing.

Any thoughts are appreciated.

---

hey there.. still playing with product. I don't think there is any easy way to get it how you would like without a lot of messing around.

I recommend checking out some other mods. There are ones that display the product information in various ways.

As for the height issue:

/includes/templates/yourowntemplatename/templates/

open: tpl_modules_ajax_image_viewer.php

Find this piece of code at the top:

<div id="image_viewer" style="height: <?php echo (IMAGE_VIEWER_MEDIUM_IMAGE_HEIGHT + IMAGE_VIEWER_SMALL_IMAGE_HEIGHT - 150)?>px">

Edit only the + 150 you can make it -150 or whatever you like.. mess around -100, -50 +50 and son on to suit your image sizes.

As for image quality. Ensure your image sizing is set up the same for all your images. Make a standard size.

Then check your admin settings > Configuration> image

Ensure the values are setup the same here as in

admin > Configuration > Ajax image swapper.

Also I set my compression of images to 100 ( no compression) in

Then check your admin settings > Configuration> image

I don't have any issues with small images. I only have some random medium images that are slightly distorted.

I recommend when uploading any images get one going as the standard. get that setup right then upload all the rest.

This is because if you make ANY changes the MOD caches/saves all the medium and large images and you have to delete and reupload every image through image swapper. You cannot just upolad these via FTP as only small images will change.

Ah - we posted at the same time, almost didn't see you there. Thanks for responding.

Quote:

---

Originally Posted by Muzz

Changing the folder name shouldn't effect it at all.

---

Didn't think so, but I was running out of ideas, and noticed the creator's site had an unchanged /admin/ directory ;)

Quote:

---

Originally Posted by Muzz

This block of code is for the template's stylesheet, located inside includes/templates/YOUR_TEMPLATE/css/stylesheet.css

Have you renamed 'YOUR_TEMPLATE' to your own template name?

---

Technically I just manually copied them over, but same difference. Everything is where it's supposed to be, and I don't see anything referencing 'YOUR_TEMPLATE' anywhere.

I'm pretty sure the CSS errors are faulty CSS code rather than a missing CSS file.

Quote:

---

Originally Posted by Muzz

I assume you have image handler 2, ajax image swapper and Fual slimbox installed?

---

This... seems like an odd assumption. Yes, I have AJAX Image Swapper and the Fual Slimbox which came with it. I am not, however, running Image Handler 2 - as I said in the earlier post, I'm not running any other 3rd party mods at the moment (other than a few overrides I did myself). I don't even know what it does and I suspect that I wouldn't want it ;P All I want is to change my medium-sized images to the proper color image depending on the attribute selected; that's basically all I'm trying to do here.

Quote:

---

Originally Posted by Muzz

You ran the script for ajax image swapper, renamed ALL the 'YOUR_TEMPLATE' folders through the mod to your own template name?

---

Yes, and yes (there is only one YOUR_TEMPLATE folder included with the AJAX Image Swapper install, so I'm not sure what you mean by all of them). The SQL query executed without any errors.

Quote:

---

Originally Posted by Muzz

Also in an image is not loading.. login to admin > Catalog > Ajax Image Swapper Manger.
Select the product > product name > attribute then click on the listed image. On the right is the image viewable? how many kilabytes are they also? For me when a image isn't viewable it was because of a conflict. ie: I tried to use the same image for various products or attributes. it would curupt the image.

---

It is viewable if I use the upload deal to implement them, which I'd rather not (and instead size everything and upload it myself manually.) Here's a screenshot: http://it-is-law.com/dump/ZC-JBT-AjaxIS.png (I'm not even going to be using large-size images for my site, so I wasn't really caring that it's trying to be small-sized.)

If I try to enter a name or click 'Setup Images' to try and link it with images defined in the attributes controller, nothing shows up in the admin section. No images display on the pages either way though, and I get the Javascript error either way.

Just a note that I've given up on this one; I found another add-on that does what I'm looking for. If someone knows the solution based on what was posted you might as well answer in case someone else has the same problem, but no need to answer for my sake anymore =)

Quote:

---

Technically I just manually copied them over, but same difference. Everything is where it's supposed to be, and I don't see anything referencing 'YOUR_TEMPLATE' anywhere.

I'm pretty sure the CSS errors are faulty CSS code rather than a missing CSS file.

---

OK.. I thought I did the same thing when I installed AJAX Image swapper.. was certain of it in fact but wouldn't work. I ended up re installing a back up and did it over again and then was successful.




This... seems like an odd assumption. Yes, I have AJAX Image Swapper and the Fual Slimbox which came with it. I am not, however, running Image Handler 2 - as I said in the earlier post, I'm not running any other 3rd party mods at the moment (other than a few overrides I did myself). I don't even know what it does and I suspect that I wouldn't want it ;P All I want is to change my medium-sized images to the proper color image depending on the attribute selected; that's basically all I'm trying to do here.

Quote:

---

Yes, and yes (there is only one YOUR_TEMPLATE folder included with the AJAX Image Swapper install, so I'm not sure what you mean by all of them). The SQL query executed without any errors.

---

OK well I haven't installed it without image handler so in theory you would think less problems. I guess not. It sounds like you have installed everything correctly.

Quote:

---

It is viewable if I use the upload deal to implement them, which I'd rather not (and instead size everything and upload it myself manually.) Here's a screenshot: http://it-is-law.com/dump/ZC-JBT-AjaxIS.png (I'm not even going to be using large-size images for my site, so I wasn't really caring that it's trying to be small-sized.)

---

In regards to using the swapper and sizing everything manually. I'm unsure how successful this will be. This is if you are having different image sizes for each product. I guess the main thing is to have your image settings in the admin sizes maximum levels to be larger then sizes you are using and to set the compression to be none if you want the quality as best as it can be.

If I try to enter a name or click 'Setup Images' to try and link it with images defined in the attributes controller, nothing shows up in the admin section. No images display on the pages either way though, and I get the Javascript error either way.[/QUOTE]

I'm not clear on what your saying above hear.

What browser you using by the way? Firefox seems to be only browser than can run it cleanly. IE won't work. Firewalls also may cause issues.

Ie. Whenever you select attribute the software becomes frozen or may error? (javascript not allowing to run through browser).

However your image you posted leads me to believe that you are able to select and upload an image set to an attribute color. which you can't do in IE.

You have mentioned that you have now decided on another MOD. So good luck with that. If the other MOD is useful for whatever reason perhaps let us know which mod and what's good about it.

Image swapper and Internet Explorer.

I not sure if I'm the only one experiencing this problem so i guess let post and see if any one else is.... OK Here is the issues.
2 Browsers Fire fox & Internet Explorer.

Viewing tpl_product_info_display with Image Swapper Using fire fox. Works Great every time :clap:


Viewing tpl_product_info_display with Image Swapper Using Internet Explorer. the image only loads the Second time you click it. For example you change the Attribute from the default to One of the 15 in the list you see the Quick flash of the O Loading and Blank. you Click off of it and select a different one and you see the Quick flash of the O Loading and Blank. You then select a Previous One that you have already tried and Viola:bigups: you have the picture and it will work every time until you close your browser. i have striped my site down to just image swapper and the db and it still dose it.

Test Striped Down site
http://bestcomputerbiz.com/marlaynecandlestest

Live site
http://marlaynecandles.com/

Any help or ideas Appreciated

Quote:

---

Originally Posted by Muzz

hey there.. still playing with product. I don't think there is any easy way to get it how you would like without a lot of messing around.

I recommend checking out some other mods. There are ones that display the product information in various ways.

As for the height issue:

/includes/templates/yourowntemplatename/templates/

open: tpl_modules_ajax_image_viewer.php

Find this piece of code at the top:

<div id="image_viewer" style="height: <?php echo (IMAGE_VIEWER_MEDIUM_IMAGE_HEIGHT + IMAGE_VIEWER_SMALL_IMAGE_HEIGHT - 150)?>px">

Edit only the + 150 you can make it -150 or whatever you like.. mess around -100, -50 +50 and son on to suit your image sizes.

---

Iv'e done this mod to change the viewer size however the size only changed in Firefox, not IE, any suggestions?

thebuz

What size are you Pictuers Under the zen admin->Configuration->AJAX Image Swapper
small Image Heigh
Medium Image Height
This also has effect on the Size of that box

that 150 Number is Just For Extra Padding Around the 2 boixes that is the Medium is main viewer and small is image Navagation

tried changing those numbers around, set them all to 10, and it just changed the size of the image :dontgetit

Quote:

---

Originally Posted by TheBuz

tried changing those numbers around, set them all to 10, and it just changed the size of the image :dontgetit

---

How you go in the end?

I had no issues with IE in regards to the framing of the pictures.
Was your issue cached in IE?