Tabbed Products Pro (TPP) Contrib - Official Thread

[baltzar]

Just Delete IE Is this IE6 or IE7? I know there was a problem with IE6 with the old tabs lite version that would hide the headerbar when you clicked on the main image to enlarge it. But I'm not quite sure what flicker means in this case.

Can you give steps to reproduce it?

Well im just using IE6, and all of the tabs i see are disappearing for me after i press on one of them. While i just hover they re-appear or blink. but again FF works perfectly... Ill burn down my IE i guess :)

[qhome]

Well im just using IE6, and all of the tabs i see are disappearing for me after i press on one of them. While i just hover they re-appear or blink. but again FF works perfectly... Ill burn down my IE i guess :)

I have a computer at my work that has IE6... the only computer left that has it. I checked my demo site and didn't see this problem. Are you seeing this on my demo or on your own tabs?

[baltzar]

demo and my site, if you wish i can record demo.

[qhome]

demo and my site, if you wish i can record demo.

Nah I believe you. Can you test it on multiple computers with IE6? Perhaps it is just that copy. Perhaps not.

[qhome]

Ok. I was looking around at some css sites and came upon a site with css tabs that also mentioned the "IE6 Flicker" problem:

The damn flickering is something the IE team should fix, honest, too many designers are suffering from this obvious flaw. That said the flickering in IE6 will only occur in one instance. IE6 has an assortment of options to check for newer versions of stored pages, that are located under Tools » Internet Options… » Temporary Internet Files » Settings. In that list you can choose between:
- Every visit to the page
- Every time you start Internet Explorer
- Automatically
- Never
The automatically option is checked by default. Most designers set this option to every visit to the page to make sure they’re not viewing a cached version (when testing). When the latter setting is used it will flicker no matter what you try, IE6 will load the image again each time you hover, and thus result in flickering, unfortunately setting a background image the the list element itself does not solve the problem. But my guess is that just a small percentage is using these settings (it just happens to be the small percentage looking at this and other examples, probably.) With all the other settings no flickering occurs, to my knowledge

So it looks like its for people who have "NEVER" store pages .. which should be very few people.

He also figured out a solution... but its too much work to bother with since IE7 fixes the problem (stored pages ignores the tab images which are cached). Essentially I would need to create new images to load in the background with the same color as the tab images so that when the tab image changed it would show a duplicate color in the background.

[qhome]

Great news!

I've been working on the CSS side of things all day to find the easiest way to use different tab images. I've got about 20 different Tabs now.

I've also figured out how to out tabs on the side using just css now.

That will be the last major feature before releasing it as v1.0 and getting it out of BETA state. I'm also going to check out the CrossSell problem that some people are mentioning.

Stay Tuned while i fine tune some of the css files.

[baltzar]

wow thanks!

about flickering ill just say well ill just say: Upgrade to FF.

[qhome]

wow thanks!

about flickering ill just say well ill just say: Upgrade to FF.

Or upgrade to IE7

[qhome]

VERSION 1.0 RELEASED!

Thank you to all of those who had faith in me and helped me test the first couple beta versions. Things seem to be working well for most and now is the time to officially release it.

Some additional features in the release version:

• Restructured & Added nearly 40 different tab styles. All based on an css @import command to change them out easier.
• Moved some stuff to the css files for better support of CSS Standards.
• Updated sql file to support MySql 4 & 5 (thanks quentinjs)
• Files Modified:
  
  --modules/tabbed_products_pro.php
  --css/stylesheet_tpp.css
  --TabbedProductsPro.sql
  --doc/readme_tabbed.html
• Files Added:
  
  --css/tpp/*.css (many files)
  --images/tpp/*.gif (many files)

I've redesigned the css/tab image setup.

First off, I standardized the names (alt_tpp_tabs1.css, alt_tpp_tabs2.css, ... alt_tpp_tabs37.css) to make it simpler to reference them. I also moved all the tab images into a /tpp/ sub folder inside of the images folder and used the same name as their corresponding css file:
alt_tpp_tabs1.css <--> tableft1.gif, tabright1.gif

By default i am still using the silver tabs, which is now known as alt_tpp_tabs13.css, but it should be easier now for people to change to different styles. There are nearly 40 tab styles to choose from, so people should be able to find something they like.

I've also created one side-tab style. This is a bit trickier because of the IE6 bugs, but I managed to get it working. It doesn't use images, tho many wouldn't know it. This means you can change it to any color you want for your site if you follow the same method of fancy coloring. this style is known as alt_tpp_side1.css.

TO USE THE NEW CSS:
Simply edit the includes/templates/YOUR_TEMPLATE/css/stylesheet_tpp.css file.
Change @import "tpp/alt_tpp_tabs13.css"; to a different number and it will load that file.

UPGRADERS:
Those upgrading from previous BETA versions do not need to re-run the SQL. I haven't added any new settings, just updated it to have MYSQL 5 support.

DOWNLOAD:
I've uploaded TPP to the ZC Downloads area. Just waiting for authorization. (tho I did get a mixed messages during upload. Said "Success. Your file was submitted" in green and right below that stack said "Failed: File was not uploaded". But I am assuming it made it)


@dinix:
I went ahead and installed the latest Cross Sell contrib onto my demo site and tried it with TPP. It worked just fine. Please PM me and explain the problem you are having so I can help you figure it out.

[qhome]

Download Here