AJAX IMAGE Swapper support thread

[ttrahan]

Hi,

I am having a devil of a time with getting the small images that are displayed image_nav_container not to float outside the image_medium_container if i set the medium image size to smaller than 300. I have gone into styles_ajax_image_swapper.css and played around with the #image_viewer and #image_nav_container sections, including the padding-top of the image-nav_container, but nothing i do seems to have an effect on where the small images get rendered...

Anybody got any ideas?

Tim

[ttrahan]

Hi,

I am having a devil of a time with getting the small images that are displayed image_nav_container not to float outside the image_medium_container if i set the medium image size to smaller than 300. I have gone into styles_ajax_image_swapper.css and played around with the #image_viewer and #image_nav_container sections, including the padding-top of the image-nav_container, but nothing i do seems to have an effect on where the small images get rendered...

Anybody got any ideas?

Tim

Hmm, wouldn't you know, if you make a backup of a .css file, i.e. styles_ajax_image_swapper_bak.css and leave it in the same directory, it gets pushed down to the browser also and overrides any changes you make to the original! That was a fun waste of 3 hours.

[pjb923]

Hmm, wouldn't you know, if you make a backup of a .css file, i.e. styles_ajax_image_swapper_bak.css and leave it in the same directory, it gets pushed down to the browser also and overrides any changes you make to the original! That was a fun waste of 3 hours.

Zen will automatically pick up any file with a .css extension in the css folder of your template, regardless of the name. Renaming to styles_ajax_image_swapper.css.bak should do the trick.

[slck]

Hi all,

is there any way of showing the 'small' images of the product attributes on the 'product info' page and make them clickable.

My idea is to replace the radio-button for a specific product attribute with small-sized attribute images and when clicked, the main product image should change.

For example:

I have a 'shirt' with 2 colors - white and black.
I want to have main product image - black shirt.
I want to have 1 additional product image - white shirt.
On the product page I want to have - one medium image for the white model, and small images for both white and black models.
When I click on the black model, the medium product image should change to the appropriate image and the selected model should be selected for purchase.

Thank you in advance!

[jaycode]

Hi all,

is there any way of showing the 'small' images of the product attributes on the 'product info' page and make them clickable.

My idea is to replace the radio-button for a specific product attribute with small-sized attribute images and when clicked, the main product image should change.

For example:

I have a 'shirt' with 2 colors - white and black.
I want to have main product image - black shirt.
I want to have 1 additional product image - white shirt.
On the product page I want to have - one medium image for the white model, and small images for both white and black models.
When I click on the black model, the medium product image should change to the appropriate image and the selected model should be selected for purchase.

Thank you in advance!

I think that got something to do with attribute swatch? Read the Zen-Cart book it should be there somewhere.

[jaycode]

Zen will automatically pick up any file with a .css extension in the css folder of your template, regardless of the name. Renaming to styles_ajax_image_swapper.css.bak should do the trick.

yeap, any css file with styles_ as its prefix will be loaded on every page. Actually, if you're into site speed improvements, you can move everything inside syles_ajax_image_swappers.css into product_info.css so they will be loaded only on product info page.

[dsided]

AIS is working on my site, however I've setup the images sizes in the admin->config, yet when I use AIS to upload the images it resizes them to squares... hmm what am I doing wrong?

[dsided]

Looking through this thread the problem is with the way the resize code is calculated. Images which are portrait are resized skewed (too thin).

Jcode I'm sure you're busy, but it wouldn't take long to quickly updated the code, especially as people are donating to you (hope you enjoyed your sushi from me!)

For the solution see page 26
http://www.zen-cart.com/forum/showth...=84145&page=26

[Oakwood]

AIS is working on my site, however I've setup the images sizes in the admin->config, yet when I use AIS to upload the images it resizes them to squares... hmm what am I doing wrong?

It's been awhile, but I believe I also modified the code as well and the as the settings in the admin to get the proper dimensions to my images. I'm pretty sure the code was in the stylesheet for the image swapper.

[zgambitx]

Hello All.

I am working on a new ecommerce website and I have a problem with the AJAX image swapper function and get it to work the way I want it, especially to work harmonously with IH2.

First of all I have tried to read pretty much every reply to this thread trying to find the answer to my question(s) and if the answer it's hidden within I apologize in advance for repeating the questions and my oversight.

1. First of all I'd like to know why I have a rectangle surrounding the image item. I have tried to look for a way to remove this box but I can't. I suspect the spacing between the image and the bottom line of the box is so other images of the product can be placed within.

Example: http://www.bcboardshop.com/index.php...&products_id=2

Which takes me to my next question:

2. I have placed an image of 8100600_wiserplaid_back.jpg within the same dir as 8100600_wiserplaid.jpg which is the main image name, but I am not seeing the AJAX image swapper recognizing this additional image and thus is not displaying it below the main image. What am I doing wrong?

3. Bonus question :) -- I obviously enjoy the way IH2 smoothes images out and while I can make IH2 handle the smoothing of images for items that do not have attributes, I can't with items that do contain attributes and which AIS handles natually. Has anyone been able to play around with both products to find out a way to get it to work harmonously?

Any help is greatly appreciated!

PS. I don't have zen lightbox installed, only slimbox, if that makes a difference.