Tabbed Products ''LITE'' version - Delimiter based

[styledata]

Did some tweaking. It wasn't the cross sell. This was what fixed it:
.ditch-tab-skin-default .ditch-tab-wrap
width: auto

Does that sound logical to you? Thanks for your help.

[qhome]

Did some tweaking. It wasn't the cross sell. This was what fixed it:
.ditch-tab-skin-default .ditch-tab-wrap
width: auto

Does that sound logical to you? Thanks for your help.

Well its probably an IE Fix, like most browsers, they all need little tweaks to display correctly under certain instances


Update on the new version:

- XHTML Validation passed
- GLOBAL enable/disable of header bars in tabs
- header bars will be present if javascript is disable on customers browser regardless of above variable. This is so the customer can see the different sections
- got add to cart button back on the tab.

[qhome]

OK, I've attached the first beta for you guys to test:

I've included a cross sell version again as well, but remember don't use it unless you have cross sell installed.

If you don't have any Cross Sell items or Customer Also Purchased items, it will auto-hide the tab for you even if you have it set to true. Also there are a bunch of other features in the read me. I will work on getting other ones like Additional Images to not show up if you dont have any but haven't yet.

Let me know how you like it (or hate it)

[styledata]

I really like how it is shaping up! The instant pull in for cross sell is great. What I don't like, on my site, is the white background in all of my tabs except crosssell. I want the background to show through. I imagine these are minor formatting issues in css???
You are the best!

[qhome]

btw styledata... if you are not going to use the <br /> on the custom tabs, you should edit the tpl file and remove it from the Additional Images tag name so it looks right.. i.e. http://www.photoimprints.com/custom-magnet-p-27.html


Also, i forgot to mention.. You should only use one of the included CSS files at a time. Now that I think about it, I didnt test background with those white/orange tabs.. but im pretty sure the silver tabs work fine on the background.

Also not sure why you have that space on the first tab header title always.. ill take a look at your source code.

[tajul_ashyqin]

OK, I've attached the first beta for you guys to test:

I've included a cross sell version again as well, but remember don't use it unless you have cross sell installed.

If you don't have any Cross Sell items or Customer Also Purchased items, it will auto-hide the tab for you even if you have it set to true. Also there are a bunch of other features in the read me. I will work on getting other ones like Additional Images to not show up if you dont have any but haven't yet.

Let me know how you like it (or hate it)

wow, rapid development i might say... very interesting to try out these mod! good job, Q...

[Berserker]

ghome,

I installed this latest version into my shop and i must say it's an awesome mod. The jscript is also way smaller in size which is a very good thing.

I do have some questions though,

1. Is it possible to change the orange color into something else without doing the image?

2. Can i put a border to left and right?

3. Can the tabs be moved to the edge so that they are aligned with the bar (the purple thing)?

4. Can i merge the 2 stylesheets together?

Thanks

[Berserker]

You can see what im talking about from here

http://www.animestrike.co.uk/shop/in...&products_id=1

[Woodymon]

I am using the v3.1b cross-sell version of the template file.

From the settings for v.3.1beta

//This will put the add to cart button and Options on the Product Description tab unless there are no custom tabs. If you are using only the core hardcode tags, then it will create a new tab for the add to cart as well

1. I have set the Globals for Add to Cart to true. The Add to Cart tab is generated but the add to cart button is still showing up below the tabs as previous (not within the tabs box as expected). Except for products with attributes, then both the attributes (options) and the add to cart button correctly appear within the tabs box.

2. And the Product Details tab is generated even when I do not have any product details. Even if Product Details global is on, should the Product Details tab not render, if no product details for a particular product?

3. The Product Description shows up on all products ABOVE the tabs, except for products where overriden by inserting product desciption tag.

And related I see no Product Description Global so must Product Description tag be set for each product so product decription is rendered within the tabs box? I did not think this would be the case?

4. I have ShowHeaders set to false, so that the 'title bar' will not appear for any of the tabs. But for most tabs the header bar still appears. For tabs generated by custom tags the title bars do not display.

5. For products which have Cross Sell (We Also Recommend) products designated, the We Also Recommend tab displays but the box below the tabs does not display and so no x-sell products display.

6. Using XP style tabs. Discovered the outer background of the tab is not transparent.

Some of these issues may be my own so I'm continue to troubleshoot but I thought I would post here if anyone observes the same and has found workarounds.

I am testing on a dev server not connected to the net so no URL to provide.

Woody

[qhome]

1. Is it possible to change the orange color into something else without doing the image?

Only option is to use the other image set i included or change the image. There may be some way to do a roll over top border color, but you'd still probably want all white tabs then for your images.

2. Can i put a border to left and right?

Yes, in the CSS files, the last part:

.tabcontent{
border-bottom: 1px solid;
background: white;
color: black;
display:none;
}

remove the "-bottom" and it will. border the whole thing.. or add border-left and border-right how ever you like it.

3. Can the tabs be moved to the edge so that they are aligned with the bar (the purple thing)?

Yes, in the CSS:
#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

Change margin-left to 0px

4. Can i merge the 2 stylesheets together?

I will work on that for the next release, i will have to do some renaming. Also, I might have a few more CSSs that I'm working on