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.

ttrahan:

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.

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:

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.webextremecustomiser.com/ajax_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?

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/index.php?main_page=product_info&cPath=1&products_id=1

Can anyone else confirm this?

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/index.php?main_page=product_info&cPath=1&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.

dscott1966:

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.

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

monkeypeach:

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

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!

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

pjb923:

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.

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?

Attachment #4502

Attachment #4503

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/showthread.php?t=84145&page=26

With the MagicZoom and AIS mod from dscott1966 I'm get errors in IE7. You can zoom the first image, however the rest don't want to zoom. Has anyone else seen this? Any ideas?

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?

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.

dsided:

With the MagicZoom and AIS mod from dscott1966 I'm get errors in IE7. You can zoom the first image, however the rest don't want to zoom. Has anyone else seen this? Any ideas?

I just discovered the same problem and don't have any solution yet.

dsided:

With the MagicZoom and AIS mod from dscott1966 I'm get errors in IE7. You can zoom the first image, however the rest don't want to zoom. Has anyone else seen this? Any ideas?

What is the link to your site? So, i can have a look at it.

At the very end of the update_sql_installer.sql file

"ALTER TABLE products_attributes_images ADD products_id_no_attribute INT NOT NULL AFTER products_attributes_id;"

I get an error on import because there is no table "products_attributes_images"?

there is a table "products_attributes" and then inside that a column titled "attributes_iamges"...

Can you advise me in manually achieving what it is I need to do in the db.

Sorry, disregard the last post... figured out I was using the wrong sql file (I thought the fresh.sql was going to remove any existing attribute images etc.)

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?main_page=product_info&cPath=1&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.

Here are the solutions for my previously asked questions:

1. The box is handled by the #image_viewer entry within css/styles_ajax_image_swapper.css

2. The issue was that I was loading the additional images manually but AIS uses an internal database for additional images. The additional images need to be entered from within the AIS picture manager as additional images for that same product.