AJAX IMAGE Swapper support thread

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

[dscott1966]

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.

[greydawgjr]

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

[Chuckwa]

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.

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