Tabbed Products ''LITE'' version - Delimiter based

[Picci]

I love this contribution, nice work! I found it very easy to move the Add to Cart button above the tabs so it always displays regardless of what tab the viewer is on.

I use basic CSS tabs (no background image, which I removed in stylesheet) with 3px space between them to separate them and have them change color in HOVER.

Thanks so much,

Pic

[godspeed27]

I am trying to do what you just said you did, can you explain on this more, i don't want my add to cart at the bottom of the page.

[Picci]

This isn't road tested in a production web store but here is what I did. Let us know if you find there are problems with these edits.

In tpl_product_info_display.php

Make: bGblMainImageOnTabs = False;
Make: bGblAddToCart = False;

find:
<!--bof Add to Cart Box -->
copy all the lines down to
<!-- eof Add to Cart Box -->

copy the block of code up to line 107 under:
<!-- eof Main Product Image -->

I wrapped it in a DIV like:

<div>
<!--bof Add to Cart Box -->
copy all the lines down to
<!-- eof Add to Cart Box -->
</div> <br style="clear:both;" />

and threw in a BReak with clear:both after the DIV (could use Zen Carts <BR class="clearBoth" />)

So now it's sandwiched between:
<!-- eof Main Product Image -->
ADD TO CART CODE
<!-- bof Product Price block -->

I wanted it over the PRICE block and over the Product Name, so I move these also.

I took the
<!-- bof Product Price block --> (get it all, its wrapped in a H2 tag)
and gave it some new style:
<h2 style="float:right; margin:0px 35px 10px 0px:">

and put the
<!-- bof Product Name --> block under it because I wanted the Price to be under the Add to Cart button

Then open the stylesheet_tablitev3_silver.css file and find the:

#slidetabsmenu a {
background-color :#yourcolor;

#slidetabsmenu a span {
background-color :#yourcolor;

and remove the background:url style (i.e. image) and add background-color:#your color

then I added a different background-color to the:

#slidetabsmenu a:hover span {
background-color :#yourcolor;

#slidetabsmenu a:hover {
background-color :#yourcolor;

You will get this:
http://comedyspeak.com/store/index.p...&products_id=1

If you can check it on a Mac in Safari and let me know how it looks.

good Luck,

Pic

[godspeed27]

thanks for the good info, i will try it and see what happens. my luck, it won't work right away, i will accutally have to understand it before it works

[godspeed27]

man, you kind of lost me, i sent you a pm

[godspeed27]

Ok, i took all what you said in the 1st part and added it up to line 7 and it worked, but just to let you know

<!--bof Add to Cart Box -->

This comes up 3 times in the code, but i took it as you ment the 1st one. I didn't do any of the other stuff, but it seems to have worked, so I am guessing if i want to take add to cart off the bottom of the page, i could just delete this code that i just copied and pasted, right?

[Woodymon]

Not if you don't have a custom tab created (that changed on previous version/update). See note on comments:

$bGblMainImageOnTabs = false; // adds Main image to tabs only if you have at least one custom tab

Still missing communicating my primary point, which is...

The comment "// adds Main image to tabs only if you have at least one custom tab" refers only to the need for a custom tab if want to display the "main image" on a tab. It does not state that I need the custom tab to display any other items on the tab.

So the question remains why the other items I previously listed are not displaying on a tab when a Global is set to true (when not employing a custom tab).

Or is it required that one custom tab be employed for ALL items to appear on the tab, even if global is set to true or not.

This would seem to defeat the primary purpose of the global? (that is, a tag need not be assigned to each and every product description to employ tabs).

I don't know why they aren't working for you, they are working on my side. I made several tests (on, off, combined) and I'm not having problems with tabs content.

Thanks. I should add that If I set to false the two Cross Sell config settings, the Cross Sell products display correctly below the tab container.

I will await response from Q.

No wonder! This is a false comment:

$bGblAddToCart = true; // adds Add to Cart, Product Details, Attribute Options, and Qty Discount to a tab

Yes indeed, that is a point of confusion for me.

[Picci]

Here is a link to the files I edited to get the 'Add to Cart' above the tabs:

http://cosmicradiation.com/files/tabslitehack.zip

[godspeed27]

thanks for the upload!

[Reesy]

Hi Q,
Your right (above), I hadnt upgraded to 3.11, now that line has gone.
I have made a few other changes (in addition to adding the admin buttons as previously mentioned) by removing the hard coded English in the tabs to defines.
As this is your baby, I dont want to spoil all the hard work you have done, would you like me to email you what ive done?

Cheers
James