Tabbed Products ''LITE'' version - Delimiter based

[Berserker]

That's great!!! You're awesome ghome. By the way, when you mention the CSS file and other image you included, which one are you talking about? There are 2 CSS, are you supposed to upload both of them?

[qhome]

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.

Hmm I hadn't tested it without options. I will take a look at that today. I was having some problems when the options were above the AddToCart button, it would still kick the button outside of the frames. I can't understand why tho. But when i list the button first, it was fine. Quirky little ############## it is.

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?

Ya I stated I only added the ability currently for "Customers Also Purchased" and "Cross Sell" to auto-check if something exists. I will try to add Additional Images and Product Details to the next one.

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?

Well I only added globals for the Hardcode tabs. I guess since all products will have a product description I could do that as well, I'll have to look into it.

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.

Well, the header bar is a bit of a hack. It just clones the code that the normal modules like Customers Also Purchased and Cross Sell. So for "REAL" module calls for those two, I still call the php module file which handles the title bar. I added the title bar code to the rest of the tabs to make them match better with the real modules. So unless I move the entire code base into the page, I can't remove it for the module based sections. And that would be a bad idea in case they change something in a new zc release.

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.

I'll look into this as well. I thought I had ironed the bugs out but I slapped that code in quickly to get the beta released.

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

Ya, I mentioned above I made a mistake. The xp style tabs are white background. The silver tabs work on all colors. I will try to make the silver tabs look like the XP tabs if I can so people can have that same look still.

[qhome]

That's great!!! You're awesome ghome. By the way, when you mention the CSS file and other image you included, which one are you talking about? There are 2 CSS, are you supposed to upload both of them?

Upload one or the other. If u use the silver css file, it will use the Silver image tabs, if you want the tabs you have now you can upload the XPstyle CSS. If you upload them both, they load alphabetically, so you will still see the XPstyle ones cuz the CSS variables will be overwritten by the file named lower on the alphabet.

[Berserker]

Thanks!!! AWESOME Mod!!! :) :) :)

[Woodymon]

RE v.3.1b,

I have the following settings:
$bGblAddToCart = true;
$bGblCrossSell_Tab = true;
(all other Globals false)

$bShowHeaders = false;

In my product description in admin I have inserted two custom tags as follows.

Text above.
<!--%Tag1%-->
Text
<!--%Tag2%-->
Text

The store product info pages display with following issues:

1. The Add to Cart button is not showing in the box below the Tabs (for lack of a better term I will call this the TabBox).

Iinsterad the The Add to Cart button shows up below the TabBox, that is, whenever the first tab is selected. When the second or third tabs are selected the Add to Cart does not display at all.

However when a product has attributes, then the AddtoCart button shows up in the TabBox for the first tab.

That is unless I have no custom tags in the product description. It that is the case then a AddToCart tab is rendered... but even then the Addtocart button is still rendered below the TabBox.

Hope this makes sense.

2. And as previously mentioned a title bar shows up only in some TabBoxes (e,g, CrossSell, AddToCart) but not others. Not sure but this seems to apply only to the tags which are set true globally?


On another note I was able to succesfully integrate the AskAQuestion button mod into the tabs system (thanks to good commenting provided by qhome).

I'm thinking I want to include the "For more info vist this products webpage string", and the Reviews and the Tell a Friend buttons in the same TabBox. And will title the tab "More Information". Then everything will be showing up in the tabs!

Also I notice in the TabBox the left & right border and padding are no longer present as in previus version. I'm sure easy to fix in CSS.

But first I need to figure out how to make the AddToCart Button show up in the TabBox when the product has no attributes/options or when I have no custom tags in the product description.

If anyone figures out the program logic to do this please do drop a post. ;-)

Woody

[styledata]

I would love to add the quantity disocounts box to a tab, but I'm no coder (yet!). I added the following to tpl_product_info_display file, but I guess something is not quite right yet:

$bGblProductQuantityDiscounts = true;

$productQuantityDiscounts = 'Qty. Discounts'; // If using the tabbed view for this info, set the tab title

$bProductQuantityDiscounts = strpos($proddata, "<!--#productQuantityDiscounts#-->");
if ($bProductQuantityDiscounts == true) {
$bProductQuantityDiscounts = 1;
}

Did I miss anything, and did it goof any syntax?
Thanks much!

[styledata]

Mods. to last, with no result yet:

$bGblProductQuantityDiscounts = true;

$productQuantityDiscounts_tab_name = 'Qty. Discounts'; // If using the tabbed view for this info, set the tab title
//########################################

$productQuantityDiscounts_header_name = 'Qty. Discounts'; // If using the tabbed view for this info, set the tab title

$bproductQuantityDiscounts = strpos($proddata, "<!--#productQuantityDiscounts#-->");
if ($bGblProductQuantityDiscounts == true) {
$bProductQuantityDiscounts = 1;
}

Am I getting any closer?? :)

[qhome]

RE v.3.1b,

I have the following settings:
$bGblAddToCart = true;
$bGblCrossSell_Tab = true;
(all other Globals false)

$bShowHeaders = false;

In my product description in admin I have inserted two custom tags as follows.

Text above.
<!--%Tag1%-->
Text
<!--%Tag2%-->
Text

The store product info pages display with following issues:

1. The Add to Cart button is not showing in the box below the Tabs (for lack of a better term I will call this the TabBox).

Iinsterad the The Add to Cart button shows up below the TabBox, that is, whenever the first tab is selected. When the second or third tabs are selected the Add to Cart does not display at all.

However when a product has attributes, then the AddtoCart button shows up in the TabBox for the first tab.

That is unless I have no custom tags in the product description. It that is the case then a AddToCart tab is rendered... but even then the Addtocart button is still rendered below the TabBox.

Hope this makes sense.

2. And as previously mentioned a title bar shows up only in some TabBoxes (e,g, CrossSell, AddToCart) but not others. Not sure but this seems to apply only to the tags which are set true globally?


On another note I was able to succesfully integrate the AskAQuestion button mod into the tabs system (thanks to good commenting provided by qhome).

I'm thinking I want to include the "For more info vist this products webpage string", and the Reviews and the Tell a Friend buttons in the same TabBox. And will title the tab "More Information". Then everything will be showing up in the tabs!

Also I notice in the TabBox the left & right border and padding are no longer present as in previus version. I'm sure easy to fix in CSS.

But first I need to figure out how to make the AddToCart Button show up in the TabBox when the product has no attributes/options or when I have no custom tags in the product description.

If anyone figures out the program logic to do this please do drop a post. ;-)

Woody

Scroll up a few posts wood, I answered both of these in your original post and in Berserkers

[qhome]

Mods. to last, with no result yet:

$bGblProductQuantityDiscounts = true;

$productQuantityDiscounts_tab_name = 'Qty. Discounts'; // If using the tabbed view for this info, set the tab title
//########################################

$productQuantityDiscounts_header_name = 'Qty. Discounts'; // If using the tabbed view for this info, set the tab title

$bproductQuantityDiscounts = strpos($proddata, "<!--#productQuantityDiscounts#-->");
if ($bGblProductQuantityDiscounts == true) {
$bProductQuantityDiscounts = 1;
}

Am I getting any closer?? :)

Well the first question is, do you really want it on its own tab? or do you want it to be in the same place as the Add To Cart tab?

[Woodymon]

Scroll up a few posts wood, I answered both of these in your original post and in Berserkers

Q- Yep saw that after I posted. ;-)

Had my thread reply window open for several hours, while I was testing away, taking notes, troubleshooting, hacking, and editing my reply as I went along, then finally submitting. Guess I should be checking the thread more often between posts. Thanks for the prompt and helpful replies. You support your mod very well!!!

BTW I now have the Reviews, Ask A Question, and Tell A Friend buttons and the More Info URL string all in one Tab Container, with a tab titled "More Information". That works well.

Also I disabled JavaScript to test if everything fell back gracefully. Only catch I found was, again, the Add To Cart Box stays right where it always is, out of place. With JS off it overlays on top of of some product description info

Wondering if some CSS tricks could put it where it's suppose to be?

If I cannot hack so the Add To Cart Box is placed in a tab container I will instead reloacte it above the tabs adjacent to the product name and price. After all that is where it was by default in ZC 1.2x before the upgrade to 1.3x

UPDATE: I've onl;y been testing in Firefox 1.5 Just tested in IE6 and found the AddTo Cart box does show up in the container for the first tab, in the lower right hand corner. And looks fine with JavaScript disabled.

So it appears the tab content container for the first tab is not stretching down to include the Add To Cart box in Firefox but is in IE. Possibly a class/div conflict?

I don't have another browser loaded so cant test in Opera or similar. (I should install Opera I guess).

BW I'm using stylesheet_tablitev3_xpstyle.css stylesheet.

I see the class applied to AddToCart box is #cartAdd. From my main stylesheet I find:

#cartAdd {
float: right;
text-align: center;
margin: 1em;
border: 1px solid #000000;
padding: 1em;
}

And I see the div applied to the Tab Content container is #tabcontentcontainer
I assume class applied is .tabcontent

As displayed in stylesheet_tablitev3_xpstyle.css

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

Anyone see anything in the CSS above which may be contributing to the Content container not including the AddTo Cart box in Firefox?

Another note is the XP style buttons behave a bit funky/sluggish in IE.

I think it is time to test stylesheet_tablitev3_xpstyle.css

Woody