Tabbed Products Pro (TPP) Contrib - Official Thread

[pdxdoug]

I posted earlier regarding some help in moving the tabbed section to be below the attributes section.

I guess I'm pretty dense in all this still - I'm modifying the tpl_product_info_display.php file, moving either the attribute section higher or the tabbed section lower to no avail.

Sure I can move things but can't seem to get the layout that I'm after -
Product Description/Details
Attributes
Tabbed Area

Any help is appreciated.

Thanks

[qhome]

Are you sure you are changing the right version of the file? That is the right file but should work fine if you move it. Be sure you have "Global Attribs on Tabs" disabled in the TPP config

[pdxdoug]

Here are the settings in TTP:

TPP - Global Enable Tabs 1
TPP - Global Main Image On Tab 1
TPP - Global Product Description Tab 0
TPP - Global Attributes on Tab 0
TPP - Global Attributes on Add-to-Cart Tab 0
TPP - Global Details On Tabs 0
TPP - Global Add To Cart Tab 0
TPP - Global Additional Images Tab 1
TPP - Global Customers Also Purchased Tab 1
TPP - Global Cross Sell Tab 1
TPP - Global Reviews Tab 0
TPP - Show Tab Headers 1

I'm moving this block of code:

<!--bof Attributes Module -->
<?php
if ($pr_attr->fields['total'] > 0) {
?>
<?php
/**
* display the product atributes
*/
require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
<?php
}
?>
<!--eof Attributes Module -->

to a point just above the end of free shipping block which is just above where we insert the TTP block.

At that point the layout changes completely. When I move the TTP block after the original position of the attribute block of code it still doesn't display right.

I'm the first to admit that I really, really new to all this.
Thanks

[alexwoolfson]

I love this mod! Installed very easily and the defaults are pretty much exactly what I'm looking for.

I just have a couple questions:

1) I wanted the current tab to blend in with the title of what it covers. By creating my own gifs, I have gotten close to this, but I cannot, for the life of me, get the text for the current tab to change to white.

I'm sure I'm just being stupid, but what CSS do I need to put into alt_tpp_tabs8.css to turn the current tab's text to white (and perhaps a nice pink on hover)?

2) Also, I have modified my tpl_document_product_info_display.php file with the three sections of new code, but I am for some reason getting duplicate product descriptions. It's as if the third section of code isn't working (if I'm understanding the purpose of that....)

Here is a link to a product page on my site (be warned it is Not Safe For Work, has cartoon guys kissing in the banner and is intended for a female demographic)

https://store.yaoi911.com/index.php?...&products_id=7

Really what I want is all that text that is currently appearing underneath the horizontal line of each tab-- the Product Description and the Free Comics instructions -- to just appear under the Product Description tab with no duplication.

Here is a link to the text of my tpl_document_product_info_display.php file in case that is helpful:

http://alexwoolfson.com/tpl_document...fo_display.txt

Any help you could offer would be greatly appreciated. I've been banging my head over this for the last four hours... Thanks!

Alex

[qhome]

I love this mod! Installed very easily and the defaults are pretty much exactly what I'm looking for.

I just have a couple questions:

1) I wanted the current tab to blend in with the title of what it covers. By creating my own gifs, I have gotten close to this, but I cannot, for the life of me, get the text for the current tab to change to white.

I'm sure I'm just being stupid, but what CSS do I need to put into alt_tpp_tabs8.css to turn the current tab's text to white (and perhaps a nice pink on hover)?

Under:
#slidetabsmenu a span {
Change:
color:#333;
To:
color:#fff;

2) Also, I have modified my tpl_document_product_info_display.php file with the three sections of new code, but I am for some reason getting duplicate product descriptions. It's as if the third section of code isn't working (if I'm understanding the purpose of that....)

The javascript uses the classes from tpl_display_product_info.php. In the "document" version of that file, it has different css tags (i.e. class="docProduct biggerText") so its not hiding the duplicates

I'll look to see what needs to change for that.

[alexwoolfson]

Oh, my gosh! You are awesome with your fast and helpful reply!

The page definitely is improved by changing all the text to white. Thank you! But... is there a way to just change the CURRENT tab's text to white? I think that would be the most legible.

[qhome]

Oh, my gosh! You are awesome with your fast and helpful reply!

The page definitely is improved by changing all the text to white. Thank you! But... is there a way to just change the CURRENT tab's text to white? I think that would be the most legible.

Hmm? That should only change the tab titles to white. Looking at your site now, that looks like what you asked for.
However, for the hover to be pink you'd also need to change:

Under
#slidetabsmenu a:hover span {

Change:
color:#591333;
To:
color:#F6A4D5;

[alexwoolfson]

I'm sorry -- I guess I'm not being very clear. Yep, right now ALL tabs are white -- which is OK. But I want just the CURRENT tab's text to be white -- the tab that is active -- the one tab that has the different color behind it. On my site, it is the one tab that has the darker red behind it, not the pink.

In the CSS, this tab seems to be referred to as "a.current" -- that's how I was able to add that darker red gif behind just that one tab using

#slidetabsmenu a.current {
	  background:url("../../images/tpp/tableft100.jpg") no-repeat left top;
	  background-position:0% 0px;
  }
    
#slidetabsmenu a.current span {
	  background:url("../../images/tpp/tabright100.jpg") no-repeat right top;
	  background-position:100% 0px;	  
  }

But I can't figure out how to change the text and the hover for just that one tab and not the others to a different color. I've tried every variation of "a.current span" I can think of and I can't seem to get it to work.

Is there a way to change the text and hover color for just that one, active tab?

[qhome]

#slidetabsmenu a.current span {
	  background:url("../../images/tpp/tabright100.jpg") no-repeat right top;
	  background-position:100% 0px;
	  color: #FFF;	  
  }

[alexwoolfson]

Thank you -- that works perfectly. (Honestly, I feel a bit foolish because I thought I tried that several times -- I guess it's just one of those things that magically works when you have the expert looking over your shoulder. Who knows what I was screwing up... Well, I very much appreciate your patience. )

Thank you very much for your excellent support. I very much look forward to the new tpl_display_product_info.php code.

Alex