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

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!

[monkeypeach]

Thanks for letting me know, somebody's accidentally removed the .htaccess file, turned the site back into php4. It's fixed now.

You can get better demo from http://demosites.webextremecustomise..._image_swapper though. Admin access: user & pass

The image quality doesn't seem as good as image handler. Is it just because of the images you used are poor or is that the way it is?

[pjb923]

This mod seems to be broken in IE7 for me.
The demo page just shows the loading image forever, and nothing in the image selection box.
http://www.webextremecustomiser.com/...&products_id=1


Can anyone else confirm this?

[dscott1966]

This mod seems to be broken in IE7 for me.
The demo page just shows the loading image forever, and nothing in the image selection box.
http://www.webextremecustomiser.com/...&products_id=1


Can anyone else confirm this?

It seems to have problem the page shows but it is doing some funny wierd stuff were the page gets large and things over lap.

Try using firefox works good there.

[jaycode]

It seems to have problem the page shows but it is doing some funny wierd stuff were the page gets large and things over lap.

Try using firefox works good there.

Thanks for telling me, turns out it was pointing to the wrong file before, but I reuploaded again and it is fine now.

[jaycode]

The image quality doesn't seem as good as image handler. Is it just because of the images you used are poor or is that the way it is?

It is something to do with the script unfortunately. I'd really really really like to get this fixed, but I am hellishly busy these few weeks (more like months really...).

I promise I'll improve this, someday...

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