Tabs in description

[gmotion]

A customer of ours would like the tabbed-style description as seen in Sears and some other stores. They would like a documentation, product info and technical specs included in a user-friendly format.

An example is at: http://www.sears.com/sr/javasr/product.do?cat=Grills&pid=07170659000&vertical=LAWN&subcat=Charcoal+Grills&BV_SessionID=@@@@1891783148.1151378318@@@@&BV_EngineID=cchiaddidkkielkcegecegjdghldgfi.0

Is this possible to do with Miva 5 via a template, using tokens for each part of the description? Any other ideas in how to approach this are welcome!

Thanks!

Tonya Gray
Graphics & Motion
www.gmotion.com
tgray@gmotion.com

[Bruce - PhosphorMedia]

Custom Product Fields for each Tab.
Load all Custom fields into individual <DIV>s with a visability layer
Use a js call to bring the visability layer to the top when its tabbed is clicked.

Plenty of examples of the js/visability/layer technique at the typicial sources. If js is off, the layers should just stack one on top of each other (you could also use other containers such as <LI>.

[wcw]

You can do this with custom product fields but there are some drawbacks with that approach. 1) Unless you are using my Power Search module, those fields are not searchable. 2) When importing products you have to break the descriptions up into separate entities so they are imported into other fields.

On the other hand, you can put it all in the one description field and use my flexible product description module to handle the display. Take a look at the example product page at
http://www.pinemporium.com/p/1AA00068/ADDENDUM.html
The content displayed by the three tabs is all contained in the one description field.

For more info on the flexible product description module, you can go to
http://www.emporiumplus.com/go/wcw/PROD/1AA/1AA00084
For the very low price of this module, you'll save yourself time and avoid the need for stuffing the data into slower to display, custom fields.

[gmotion]

Thanks for both options!

Tonya Gray
Graphics & Motion
www.gmotion.com
tgray@gmotion.com

[Brandon MUS]

I would honestly stear away from Sears's version of tabs. They use ajax and have 0 support for browsers without javasript enabled. Bruce's plan of having it all loaded and using js to hide/show is a much better (downgrading solution). An ideal solution (IMO) would use a mixture of wcw and Bruce's plan. The page should reload with the new tab shown if js is disabled...

IMO

[gmotion]

I was just referring to Sears to show what they want, however implementation can be different from what they use. Thanks for the suggestions!

[Brandon MUS]

understood. I just wanted to point out not to overlook the javascript requirements... I was playing around w/ Sears just to see what else they have to offer, and a non-js browser misses out on a lot of the cool features that Sears' site offers (some of which could easily be offered as static).