How can I display multiple images together?

[ongat]

I have a product with several attributes. When I add multiple images of the product, they are displayed below the attributes. I like the product images to be grouped together above the attributes. Is this possible?

Thanks for your help!

[kobra]

Don't add images to attributes - -
Make them additional images and you can re-order them in the file and style if necessary
https://www.zen-cart.com/tutorials/index.php?article=58

[ongat]

That's an interesting work around. Wouldn't that mean that the attribute selections would not line up with the attribute images?
Here is how I currently have the product and attributes setup.

http://www.landscapestudio.com/shop/...products_id=60

This works but I would like to have an additional image for the product itself if possible.

Thanks again for your recommendation and expertise.

[kobra]

I like the product images to be grouped together above the attributes.

I would like to have an additional image for the product itself if possible.

As to the first - - this is above the attribute text??

It looks as though you added the color image as a "swatch"

Would your additional image be of the item in the color?

Try adding it as the swatch image

[gjh42]

What kobra meant by "re-order them in the file" was to edit /includes/templates/your_template/tpl_product_info_display.php and move code blocks around to the order you want them to display.

[ongat]

I wanted to add a close up of the main product so that a visitor could see better the color of the chair itself and if they wanted to could click on the picture to enlarge it. Then below that would be the "swatches" for the fabric that they can select.

Thanks for your time!

[kobra]

I wanted to add a close up of the main product so that a visitor could see better the color of the chair itself and if they wanted to could click on the picture to enlarge it. Then below that would be the "swatches" for the fabric that they can select.

An addition block of dynamic code would have to be custom written for exactly what you have described...

The are a couple of 3rd party add=ons that could be combined to get you most of the way there

One changes the main image when moused over or clicked and if memory serves me correctly
Once moused over and changed one can view larger image in the selected option

[ongat]

Thanks for pointing that out to me. It sounds a bit more involved than I would want to pursue at this time. But at least I know where to look!

Thanks again for your help.

[gjh42]

Do you need the additional image to change color to match the attribute selected? Or just a closeup of the chair (clickable for larger image) below the main image and above the swatches?

If the latter, you can move the additional images code block in tpl_product_info_display.php and do a bit of styling and you'll have it.