Tried this on 1.3.0.2 and nothing works, the html editor seems to strip out the command lines.

Any fixes on this for 1.3.0.2???

mine works fine !

Thanks for the great contrib ! it's just great !

Well, I installed this in a fresh install. I also installed the update and use both French and English.

But, nothing works in tabbed mode, tried various ways and nothing. so something is not right unless I missed something, which is rare. The install of this is pretty straightforward unless there is a need to merge the css stylesheets or add a call to the css for this.

???

DOH

took it for granted,,,

Overlooked that you need to merge the css comments into your current css stylesheet and then it works.

Not enough coffee:smartass:

IntelCos:

Tried this on 1.3.0.2 and nothing works, the html editor seems to strip out the command lines.

Any fixes on this for 1.3.0.2???

This is not a version thing. Since the commands are raw HTML, you would need to use the raw HTML editor for them, not HTMLArea or FCKEditor.

Do you have a link that I can see it on?

IntelCos:

DOH

took it for granted,,,

Overlooked that you need to merge the css comments into your current css stylesheet and then it works.

Not enough coffee:smartass:
Hmm there is no merging. The file structure is the way it should be uploaded, except that you would need to rename the "YOUR TEMPLATE" folder. The stylesheet is its own stylesheet.

nick80:

Hi qhome,

first of all, thank for sharing this great contribution to zen-cart.

I did have a problem this June-13rd version of Tabbed Products LITE.

http://epad.cn/bookstore/index.php?main_page=product_info&cPath=78&products_id=7608

The tabs are showing perfectly in Firefox, no luck in IE so far.

Nick

Please help out. I really appricate it.

thanks.

nick

btw, I went through your site and I know it is working well in IE.

nick80:

Please help out. I really appricate it.

thanks.

nick

btw, I went through your site and I know it is working well in IE.

Hmm, i just checked your site in Opera, Firefox, and IE. The tabs worked fine for me in all 3. What version of IE are you using? Try another computer to test it out.. and maybe some others on the forum cant take a look at it to verify but it seems that the tabs are working just fine.

I will have a new version coming out pretty soon.. this version is cleaner and also works on the major browsers I mentioned above, perhaps this will assist you.

So far in the new version I've added:

• global overrides (when turned on, they add the hardcode tabs for all products regardless of the tag existence in the product description) (thanks for the idea Woody)
• found an interesting by-product feature of the code! You may notice on my test site (see signature) I have tabs that have text with word wrapping. The text is also centered and I could pretty much do anything I want with the tabs by using standard html tags inside the tags. Examples:
• <!--%<center>Product<br />Description</center>%-->
• <!--%<I>Product<br /><font color="#00FF00">Description</I>%-->
• <!--%<marquee>Product<br />Description</marquee>%-->
• Roll over change
• using 2 images instead of 4, based on coords to show different sections of the image. (fancy ingenious code design)
• Cleaner, easier to modify/understand CSS
• Completely new tab system, totally new, smaller, optimized jscript

I'm finishing up the testing at the moment. Currently the Add to cart button, although it appears to be coded correctly, is showing up below the tab table on all browsers. And IE seems to have some problem with one of the hardcode tags. So as soon as I get those items fixed, it should be ready.

Another idea crossed my mind that I'd like to get some feedback on...

Instead of making the hardcode tabs based on the <!--#AdditionalImages#--> name, would it be useful to make a hard coded tag placed on the tab you want?

Like currently if you put

that would make 4 tabs:
Tab1
Tab2
Additional Images
Product Details

But my proposal above would be

This would make 3 tabs and have both additional images and product details on the same tab which you named "Tab3". This would allow combining of multiple sections into one tab.

I could maybe keep the current hardcode tags for global tab reasons.

Thoughts?

Started working on a slightly different style that I kinda liked:

http://www.unbannable.com/zen/index.php?main_page=index&cPath=1

look at each of those, one has tabs for everything, one just has tabs for the hardcoded stuff

qhome:

What version of IE are you using? Try another computer to test it out.. and maybe some others on the forum cant take a look at it to verify but it seems that the tabs are working just fine.
Examples:

• <!--%<center>Product<br />Description</center>%-->

• <!--%<I>Product<br /><font color="#00FF00">Description</I>%-->

• <!--%<marquee>Product<br />Description</marquee>%-->

Hi there,
I've checked your demo site about the new features, wow ~~~

Beautiful, kind of impressive.

I still have no clue about the Tabbed Products not showing in IE. My IE is 6.0 XP-SP2 version. I also tried maxton (an IE shell) and got no luck.

The opera does run the rendering very well though.

Thank you so much and I still have to find the problem........

qhome:

Another idea crossed my mind that I'd like to get some feedback on...

But my proposal above would be

<!--%Tab1%--> <!--%Tab2%--> <!--%Tab3%--> <!--&AdditionalImages&--> <!--&ProductDetails&-->

This would make 3 tabs and have both additional images and product details on the same tab which you named "Tab3". This would allow combining of multiple sections into one tab.

I like this one. Good point. Maybe you can also delicate a tab for Manufactory / Author.

Great contrib...Is there a way to move the tabs up the page, currently they are too low on the description page.
Thanks
Pete

mediathing:

Great contrib...Is there a way to move the tabs up the page, currently they are too low on the description page.
Thanks
Pete

Hi Pete,

You can edit the tpl file and search for <br /><br /><br /><br />

you can remove some of those to move it back up.

qhome, this is great work you're doing here! I haven't had the chance to test it but I frequently check this forum as well as your test site.

I was wondering...when this is all said and done, how easy would it to migrate the code changes from the general product template to music product type template.

The reason I am asking is because that's where I see the most benefit for me. For example, take a look at this page which is based on music product type: http://www.clevershoppers.com/index.php?main_page=product_music_info&products_id=82 I would like all the descriptions to be on one tab, the track listing to be on another tab, customer purchased and cross sell to be on another tab. This would be consisten for all the music CDs and DVDs.

What's are your thoughts?

Thanks!

BlessIsaacola:

I would like all the descriptions to be on one tab, the track listing to be on another tab, customer purchased and cross sell to be on another tab. This would be consisten for all the music CDs and DVDs.

What's are your thoughts?

Thanks!

Well it would actually be quite easy. I am not totally familiar with the music product type yet but either way its really not hard to get to work on any product type. I can probably do it for you in a day.

I'm going to look at the other product types and see what changes I would need for them and I'll get back to you.

can someone advise how to get 'additional images' to display above the tabs?

I'm too intimidated by tpl_product_info_display to start hacking without some help first...

thanks
:D

nice contribution that really adds a lot

I ended up doing a little cut & paste on tpl_product_info_display.php

in place of the spacers (br tags) located just aft of

//########## Tabbed Lite Message##########
//#
//# Added these br tags here to shift ...#########
<br /><br /><br /><br /> 

I pasted the

<!--bof Additional Product Images -->
blah...blah...blah
<!--eof Additional Product Images -->

and after some additional moving around of other

blah...blah...blah

it worked out great :thumbsup:

additional hint: if using IH2 - and you want the additional images to align evenly take advanage of the IH 'canvas' function by sizing 'small' images in admin/config/images with a ! and choose a background color, for example Small Image Width 100! Small Image Height 100! IH small image background 227:227:227 - this will put small images centered in the background, making them align... :sleep:

I still have a bit more space above the tabs (below additional images) than I would like, and I can't figure out how to make the tabs text bold - would appreciate suggestions. :yes:

bold text

since editor wouldn't do it, simply added font-weight : bold; to CSS

:blush:

this contribution has made a huge impact toward improving my site, thanks.

BUT.. the jscript 'investment' is high at over 32KB... is that normal?

This loads on the first page of my site too, is there anyway to reduce the size of the script and/or get it to load only on product info page?

THANKS

Even when not using any tabs the script loads on index page...quite heavy but looks great when used right.