Ubercart

I think what you are after is the Thickbox module. Once installed, when you click on the thumbnails the full size images are displayed.

Multiple images are automatically shown on the product page. But to get an effect like that jewellery site you will have to add a little custom jQuery code. That site used the jQuery Cycle plugin http://malsup.com/jquery/cycle/.

This is really quite easy to do, once you know jQuery.

If on D6.x and Uber 2.x - B4 then you can try Lightbox 2. It needs to be turned on at admin/store/settings/products/edit/image-widgets.

Have installed Lightbox 2 and Thickbox and they both work with D6.x. It is just a matter of selecting one for your use.

I really like what they did in the site you provided as a sample above, and I want to do something similar.

The site I am working on is: http://www.swedjerusalemjudaicagifts.com

In my site the following is required:

* Most products are independent and are sold by themselves.</p>
* A few products come with a case and I need to display the case together with the product itself. For aesthetic reasons both primary and secondary image must be shown. The product is primary and the case is secondary.

I imagine there are number of possible scenarios, however I prefer the Amazon method of handling this and I think its the best. What I would like is the same. To display the secondary image on the same page as the primary image but only smaller. Then when I click the smaller image it will replace the larger image; and the larger image will replace the smaller image. I have to do all of this in node-product.tpl.php

In the example jewelry website provided above the hover method is used to swap out the main image with the image that's being hovered over. However, I would like to have to actually click the secondary image for it to replace the primary image. Also when I click the primary image, currently lightbox comes on and a larger size image is displayed. I would like to keep this feature.

Following are a few question:

1) If I wanted to use different node-product.tpl.php templates for single image nodes, and multiple image nodes depending on how many images per product I had how could I do that?

2) Can someone please explain the steps, or provide some code I can use for swapping out images? Clicking secondary, replace primary, and clicking primary turns on lightbox with larger image. What is the best method? Using jquery? PHP, etc.? Or, perhaps just guide me in the right direction.

3) Should I be using a module for this? How do I use a module together with jquery? Are there any example modules of this?

Thanks for your help.