AJAX IMAGE Swapper support thread

[dscott1966]

greydawgjr.

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

[greydawgjr]

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.

[greydawgjr]

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...

[dscott1966]

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

[greydawgjr]

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.

[dscott1966]

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.

[dscott1966]

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.

[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.

[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

[greydawgjr]

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.