Tiffany&Co site

[TwelveBeads]

I am curious if I can set up my online store in a similar way to Tiffany's. At the present I have each set of beads on a seperate page. It is a task to manage this way. I know there are tools in BlueVoda that can help me achieve a cleaner site. I just do not know what tools to use.

This is a link to Tiffany's that shows how they are showing merchandise...

http://www.tiffany.com/shopping/item...=P7&start_id=1&

This is a link to my merchandise...

http://www.twelvebeads.com/Gallery1.html

I am in the middle of making minor adjustments for the umteenth time and I know there has to be a better way out there than what I am doing. Could someone point me in the right direction?

[Girlonthehill]

Re: Tiffany&Co site

I'm not certain but I think Nyomans site may be along the lines of what you are after. galaxyannjewels I think it's called. I've seen someone else do a similar thing using i-frames too I think. Maybe someone who knows more will be able to be more definate. Also check out the Soholaunch demo - that may be better suited to that sort of 'store front'.

[Brad]

Re: Tiffany&Co site

I just had a look at the site. Please keep in mind that Tiffanys probably
spent $5,000+ on its design and a custom shopping cart..

[TwelveBeads]

Re: Tiffany&Co site

OK so I found this ThumbGallery and it is exactly what I want. Can anyone tell me how to add this to my site?

The ThumbGallery Template includes all you need to create a stand-alone gallery or a gallery to add to your html pages. You do not need the Flash application to use the ThumbGallery Template.

Step 1- Create your images
Create two JPGs for each image - one sized for the thumbnail and one sized for the main image. These images can be any dimension. Add these JPGs to the images folder. Make sure the JPGs are saved as non-progressive JPGs.
Step 2- Populate the XML file
The XML file is a simple text file that tells ThumbGallery where the images are and in what order to display them. It is also used to customize the look of the gallery. The Template includes an XML file named "gallery_data.xml" for you to update. The XML structure looks like this:


<gallery>
<!--The line below defines the path to the folder where your images are-->
<setup path="images/" >
<!--The lines below are used to edit and add properties to change the look of the gallery-->
<imgWidth>500</imgWidth>
<imgHeight>400</imgHeight>
<thumbWidth>50</thumbWidth>
<thumbHeight>50</thumbHeight>
<transitionType>wipe</transitionType>
<thumbnailRows>2</thumbnailRows>
</setup>
<!--The following lines are where you set the names of images and thumbnails -->
<item>
<thumb>thumb1.jpg</thumb>
<img>image1.jpg</img>
</item>
<item>
<thumb>thumb2.jpg</thumb>
<img>image2.jpg</img>
</item>
</gallery>


Within the <setup> node you can add many properties to change the look of the gallery. A full list can be found here. Each image you have in your gallery is defined in the <item> node. This is where you type in the name of the main image and thumbnail image. There is no limit to the number of images in a gallery. Step 3- Test and load to your web site
Test your gallery by opening the gallery.html file in a browser. Then upload the following files to your web server: gallery.swf, gallery.html, gallery_data.xml and the images folder. - you're done!