rollover product thumbnails

General ShopSite user discussion

rollover product thumbnails

Postby jackie » Wed Sep 19, 2007 6:54 pm

Hi,

I am wondering if there is a way through the cart I can make it so a product can have a few thumbnails to show multiple views of a single product using rollovers. I'm pretty sure I could come up with a way to do this, but I am am wondering how I could do it in a way that makes it easily changeable through the backoffice/admin.

Here is an exact example of what I am trying to accomplish.

http://www.eluxury.com/browse/product_d ... ionID=5000
jb
jackie
 
Posts: 31
Joined: Mon Mar 12, 2007 12:41 pm

RE: rollover product thumbnails

Postby ShopSite Lauren » Fri Oct 05, 2007 4:45 pm

This is something that I have seen designers do by using the extra product fields, resize image option in ShopSite and a custom more information page template. An example of a website doing this is:

http://www.mogulinterior.com/product2284.html

What they have done is set up the JavaScript to that if the extra fields are used, then it will add the image file name from that extra field into the JavaScript in the HEAD on the page to preload that image.

For the thumbnail and the larger image, they are using the resize image option within ShopSite. They have put all of their images into the same folder (such as, all in the media folder) then when they create resized images, the URLs will always start with:

media/ss_size1/
media/ss_size2/

They can then take that same image file name that was entered in the extra field, and paste it into the Javascript on the main body of the page to create the thumbnail image, and the hover over image.

When setting up this way, they can have a max of 10 thumbnail images (there are ten extra fields).

-Lauren
ShopSite Lauren
 
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT


Return to User Forum

Who is online

Users browsing this forum: No registered users and 84 guests