Attribute images (swatches) and how they display

I created a simple dropdown to select Color of an item. I see that if I add an image for each attribute then all the images display full size all the time.

I was hoping that I could assign an attribute image and then when each option is selected the swatch or product image changes to the alternate image. For instance, if I select the Product called Choker and it comes in 3 colors....and I have a dropdown to select color then I thought the image for that option would load.

Also, is there a way to give each color of an item its own Model # or do they have to be their own product to have this happen?

I am not sure I understand the way swatches are presented. Option selection and visual confirmation of that selection is not working as I would like or had hoped for.

Can someone shed some light on this feature and perhaps show me how this is handled?

Each product has attributes. In the options manager you can setup different options for your products, for example: sizes, colors, etc. Than you need to setup the different sizes or different colors - these are called product attributes and each attribute can be assigned to one option. Once the 'framework' is setup you can now assign a option/attribute combination to a product.

You can see how it works on this site: https://www.theclickworldwide.com

The bottom line is that you have to try it and see how you can use it for your store. I am sure there is more than one way to work with this flexible system.

So I have color attributes: green, blue, navy blue, white, stone, and would like to show the various colors of product that I have available, but how do I reduce the image size so that full blown images are not being displayed.

Can't you just use your image editing software and upload them via FTP as a smaller image?
That's what I've just done. I just need to figure out how to get them displaying in a line now, rather than down the page...

dudeshouse:

Can't you just use your image editing software and upload them via FTP as a smaller image?
That's what I've just done. I just need to figure out how to get them displaying in a line now, rather than down the page...

Is there a way IH2 could control sizing these images?
Or at least an admin>images control to specify size?

I have the same question! Do I have to manually shrink each picture to use as my attribute thumbnail?
Anyone, Anyone??

dudeshouse:

I just need to figure out how to get them displaying in a line now, rather than down the page...

If anyone has the answer to this I would also be very grateful.
I suppose they could just be HTML'ed into the item description though that would be a hassle when it comes to stock control.

EyefulTower:

If anyone has the answer to this I would also be very grateful.
I suppose they could just be HTML'ed into the item description though that would be a hassle when it comes to stock control.

KerChing!

If you go to option name manager, then click edit for the appropriate you will notice 'attribute images per row'.

I have successfully created options and added images swatches. However the images overlap each other when I have more that one on a row. this happens with images that are 100X100 px or 200X200 px. I cant find any settings on changing the images sizes. All help is appreciated!

Attribute images are the size that you make them ...

Make them large and that is their size, make them small and that is there size ... there are no size switches for attribute images ...

Is there any way to keep them from over lapping each other? see http://www.customyinyangquilts.com/index.php?main_page=product_info&cPath=1&products_id=5 for an example of what is happening.

I just answered my own question. In the css the width was being constrained by a width of 20%. By removing that constraint all is well.

Thanks for the update and for posting the solution that worked for you ... :smile: