Tabbed Products ''LITE'' version - Delimiter based

[styledata]

I have been loading up my 1.3 cart with contribs for a month now (so far so good!), and I have to say that I think this is one of the very best contribs I've seen. What I really like is that I can provide lots of info without making the page so long, before they get to the ordering part. And, if you view the page source, it's all there, all the info in all the tabs. So I gather that this is what the search engines are seeing??? I think one of the obstacles of getting zencart, oscommerce, and other sites high in the ranking is that you only get to put so much info on the page without detracting from the fact this it is a shopping cart. This contrib solves that problem.
I'm not crazy about how the tabs show up on my site, http://www.photoimprints.com/custom-...ounce-p-2.html
but I may develop custom ones later anyhow. I am starting to load up the tabs with all the questions I've been asked about products on my last shopping cart, that were hard to fit in.
Many thanks for this one!

[qhome]

Hi guys..

The reason for the delay is my brain trying to find better ways of doing things but it seems that people don't seem to mind the way it is so long as I comment it nicely. (And use spaces instead of tabs :) wood)

I guess I will clean up my current code and release it for now so you guys can utilize the new tabs. I have 2 sets of tab types.. the XP tabs you see here:

http://www.unbannable.com/zen/index....&products_id=1

and the other type here:

http://www.tvclassico.com/index.php?...products_id=29

Also there is the flexibility shown here to add tabs After the text as seen here:

http://www.unbannable.com/zen/index....&products_id=2

Also notice the Title bar underneath the tabs. I added that for some extra robustness.. I will add a way to disable it as well.

And the tab title wrapping is done via HTML, but the style, color, etc is done via CSS.

I'll release the next beta tomorrow then with the new tabs. Just gotta clean up the xhtml valid stuff

[Woodymon]

I'm not crazy about how the tabs show up on my site, http://www.photoimprints.com/custom-...ounce-p-2.html
but I may develop custom ones later anyhow.

See qhome's new tab style on his demo page. URL is in his previous posts.

Can't wait for new version ;-)

Woody

[Woodymon]

(And use spaces instead of tabs :) wood)

LOL, LOL ;-)

Note: I had to add more than one LOL for the forum to accept this post ;-)

[Woodymon]

Just took a look at the new tab styles. I like the 3-D look. Possible to combine the tab styles to make the "foreground" tab (and mouseover tab) yellow and at the same time make all the tabs 3-D? That is best of both tab styles.

Like the new title bar and being able to toggle on/of is a great idea.

Woody

[styledata]

I think Tabbed Products is pushing my main page width past 100%. This page, w/out tabs looks fine: http://www.photoimprints.com/persona...auto-p-10.html . This page, with tabs, exceeds the browser: http://www.photoimprints.com/custom-...ounce-p-2.html . I have looked at the tabbed css file, but I can't tell what to change to bring it in. Does anyone know?
Thanks in advance!

[qhome]

I think Tabbed Products is pushing my main page width past 100%. This page, w/out tabs looks fine: http://www.photoimprints.com/persona...auto-p-10.html . This page, with tabs, exceeds the browser: http://www.photoimprints.com/custom-...ounce-p-2.html . I have looked at the tabbed css file, but I can't tell what to change to bring it in. Does anyone know?
Thanks in advance!

Hmm.. it might be your artwork tab.. the art goes the full width of the tabs and is forcing them to stay wide in IE..

The non tabbed version has the images farther down so they dont bump the right side column so they can expand a bit and breathe.

this doesn't seem to be a problem in Opera, except opera doesnt like the zc header links (no auto wrap) but thats a problem with all zc1.3 top link users and opera.


But this diagnosis is just a guess Im not 100% certain. Wait till i release the new version and see if it is still a problem with that one.

[Woodymon]

I think Tabbed Products is pushing my main page width past 100%.

This page, with tabs, exceeds the browser: http://www.photoimprints.com/custom-...ounce-p-2.html .

Appears fine to me in Firefox. Did not check in IE.

To figure out which CSS classes apply where, install the Web Developer plugin for Firefox.

On an unrelated note your breadcrumb appears to be pushing into the categories sidebox heading.

[styledata]

Sharp eye on the breadcrumb! I have a scrollbar on FF and IE, being more pronounced on IE. I have looked at class and ID details in FF, and tried some different settings in the css for tabbed products, with no change. I would really like to narrow the box that holds all the tabbed comments just a tad. Can you tell me how to accomplish that?
Thank you!

[qhome]

Sharp eye on the breadcrumb! I have a scrollbar on FF and IE, being more pronounced on IE. I have looked at class and ID details in FF, and tried some different settings in the css for tabbed products, with no change. I would really like to narrow the box that holds all the tabbed comments just a tad. Can you tell me how to accomplish that?
Thank you!

Well currently the tabs are set to liquid mode, and they will only go as far as the page allows them, but like anything else, if something larger is inside them that doesn't allow breaking, they too will stretch I dont know if it will help to make them fixed but to do it you can add:

width: 400px;

under both:
.ditch-tab-skin-default .ditch-tab-pane-wrap {
&
.ditch-tab-skin-default .ditch-tab-wrap {

But after looking again, I notice its your CrossSell contrib that is stretching out farther than the rest at the bottom of the page. The page stops being liquid when it reaches that contribs table.