Tabbed Products Pro (TPP) Contrib - Official Thread

[DivaVocals]

I haven't installed this mod yet (not the new one) but had it on a previous store years back and had the same issue,

and again I would need to see an example to understand HOW one would miss the tabs.. Still sounds to me like a re-arranging of the product page would be in order if things are not "obvious" on the page..

is there still a way to change the look of the tabs? I mean make them a different color where they stand out more to catch the customers attention?

The ability to change the look of the tabs has ALWAYS been part of this add-on..

qhome (the orignal author) answers this on page one of this support thread. It's never been included in the readme (the current readme is pretty much qhome's original readme), but as I make a habit of reviewing all of my add-on files in detail it was always pretty obvious to me how to change the look. One of thezse days when I have time, I'll add a quick line to the readme about this..

As far as the tab colors. They use image files that are also included. By default i have the tabs set to use the silver tabs style. But you can edit the stylesheet_tpp.css file to change the tab images to a different image. Check the images folder for other colors.

There's a gazillion stylesheets/tab graphics that come with this add-on to support many different looks.. The stylesheet that is included calls the default silver look.. If you want a different look, simply change the stylesheet file to call one of these many included stylesheets.

OR

use the stylesheets as a guideline to create your own look..

qhome included so many different options for the tabs that I've never NOT found a tab look/style that comes with this add-on that would not work with a site that I was building. However, for a site build I will be starting soon, I'm going to experiment with creating CSS3 styled tabs using gradients and/or rounded corners.

[uswebworx]

and again I would need to see an example to understand HOW one would miss the tabs.. Still sounds to me like a re-arranging of the product page would be in order if things are not "obvious" on the page..

The ability to change the look of the tabs has ALWAYS been part of this add-on..

qhome (the orignal author) answers this on page one of this support thread. It's never been included in the readme (the current readme is pretty much qhome's original readme), but as I make a habit of reviewing all of my add-on files in detail it was always pretty obvious to me how to change the look. One of thezse days when I have time, I'll add a quick line to the readme about this..



There's a gazillion stylesheets/tab graphics that come with this add-on to support many different looks.. The stylesheet that is included calls the default silver look.. If you want a different look, simply change the stylesheet file to call one of these many included stylesheets.

OR

use the stylesheets as a guideline to create your own look..

qhome included so many different options for the tabs that I've never NOT found a tab look/style that comes with this add-on that would not work with a site that I was building. However, for a site build I will be starting soon, I'm going to experiment with creating CSS3 styled tabs using gradients and/or rounded corners.

Thanks for the in-depth up to date answer :-) So this does work with 1.5.1?

[DivaVocals]

Thanks for the in-depth up to date answer :-)

You're welcome..

So this does work with 1.5.1?

Dunno haven't tried it yet.. No reason I can think of that it wouldn't..

[Mr.Pea]

It's software I'm sure it is possible and perhaps someone will share how to do this if they have the answer.. (Off the top of my head I don't know the answer..)

My suggestion though is that if the tabs are not obvious, then perhaps you need to look at the layout of the product page with the tabs in place.. As many times as i have used this add-on, I am trying to imagine how one would NOT see the tabs, and the only thing that makes sense is that the product page layout might need some re-vamping...

LOL! Yes I was wondering how the tabs couldn't be seen. Surprisingly, it's true. Tabbed information for product layout has become more of a modern feature that many shoppers are accustomed to. However, there are customers who are only used to the 2-dimensional product listing pages and for this demographic I would like to include hyperactive links.

I can try out a few bookmark anchors and see if they work - will post if I can get it to :)

[DivaVocals]

LOL! Yes I was wondering how the tabs couldn't be seen. Surprisingly, it's true. Tabbed information for product layout has become more of a modern feature that many shoppers are accustomed to. However, there are customers who are only used to the 2-dimensional product listing pages and for this demographic I would like to include hyperactive links.

I understand what you are saying. However I still maintain that this could probably be remedied by working on the page layout to make it more difficult for customers to miss the tabs. I have never had this issue on any site I've used TPP on, but I believe that this is in part because as of late, I also do not merely use the default product info layout with TPP. (which is what an out the box TPP install provides).

As a rule I restrict my implementations by only turning on tabs to the informational aspects of the product (description, info, reviews) and exclude the transactional aspects (choose options, add-to-cart, upsell). There is one caveat for me with regard to the upsell tabs ("Customers Also Purchased" or "Cross Sell"). Though there are some who will disagree with me on this aspect, I do not think it's "wrong" necessarily to include the upsell aspects of the product info page in tabs. If the average product description is fairly lengthy, I think it's easy to miss the upsell sections. So depending on the number of upsell items and the average length of the client's product descriptions I may or may not include upsell items in tabs..

After that I do make sure that the transactional aspects (choose options, add-to-cart, upsell) are in a prominent location on the product info page (above the tabs). Modifying the product info page is pretty simply and there are lots of topics that discuss ad-nausea how to do it on this forum. The thing that you have to be mindful of when modifying the location of page aspects is the tabbed code and knowing where aspects of the page are in relation to the tabs. (easy to spot the tabbed code so if one is careful, this should not be an issue) After that it's a matter of CSS to help with look/feel, alignment and placement refinements.

Dunno what your product pages look like, but if they are using the default TPP layout this might be a contributing factor to your customer's having difficulty with with seeing the tabs.. Perhaps you might want to think about re-evaluating your product page layout..

I can try out a few bookmark anchors and see if they work - will post if I can get it to :)

Good luck with that..

[DivaVocals]

I was refering to the layout like in the attached image.

Attached Images

This is an old post, but I am quoting it because this is a layout that I will be experimenting with using TPP.. This layout is entirely possible if you know how to manipulate the product page layout elements and you know how to use CSS to style and align page elements..

Here's another page layout example. A similar (not identical) layout can mostly be achieved with TPP (there are elements which can also be achieved but require more advance programming effort to achieve):
http://www.sears.com/kenmore-24-cu-f...&blockType=G20

Please note in each of these layouts IMHO it would be very difficult for customers to miss tabs. In the Sears example, note most transactional elements are not housed inside the tabs. I say most because the exception is clearly the upsell items. However, they are in the description tab just above the description text where they can be easily seen..

Again my point is that if those who use TPP stick to best practices for ecommerce and not put transactional elements into tabs, and then put some effort into making sure that the product page puts all the information where the customer will see it, that this will lend to a better user experience.

[simpledomaining]

I am using upgraded from 1.3.9h to 1.5.0 and i also upgraded to tabbed pro. Now when i click on tab Reviews my reviews are showing only one row per review with no way to click and read more. is this how its suppose to be? how can i change this to show a bit more than that? thanks.

[styledata]

I am setting up a new site, and for the life of me I can't remember how I got the "Additional Images" to display on two lines instead of one. It looks bad on one line when other tabs I have set up of multiple words are on two lines. Can anyone help?
Thank you

Sorry, I was not clear. I need the TEXT "Additional Images" to appear on two lines. I tried adding a line break in
define('TEXT_TAB_TITLE_ADDITONAL_IMAGES', 'Additional Images');
That didn't work. In fact, any changes I make to the text, including the words, of the tabs is ignored completely.

I can't figure out what else is controlling it, but it looks really bad to have a tab that is longer thank the others, which are hard coded in the product description and appear on two lines.

[DivaVocals]

I tried adding a line break in

How??

I can't figure out what else is controlling it, but it looks really bad to have a tab that is longer thank the others, which are hard coded in the product description and appear on two lines.

Have you considered using just "Images" or something else shorter..

[styledata]

How??
Have you considered using just "Images" or something else shorter..

I sure have! But when I change ANY of the text in /includes/languages/english/extra_definitions nothing happens! Currently the line reads:
define('TEXT_TAB_TITLE_ADDITONAL_IMAGES', 'Images');
and STILL the text appears as "Additional Images".

the /includes/languages/english/extra_definitions/tabbed_products_pro.php does not respond to any changes I make.

I have fiddled with the css files to try to force a line break using word-break property and had no luck there either.

The problem is that I have several custom tags, most of the two words. Those tags split because I coded them to do so in the product description. It looks bad to have some split and others not.

You can see the problem here:
http://test.photoimprints.com.previe...ular-p-19.html