Tabbed Products Pro (TPP) Contrib - Official Thread

Quote:

---

Originally Posted by qhome

New Release:

Tabbed Products Pro is the superior replacement of Tabbed Products 'Lite'. I have completely rewritten the tab code to make the tabs more optimzed, use less files, and be easier than ever to instantly tab your products display page. Although it is now actually more "lite" than ever, I feel that pro is a good evolutionary step in the naming convetion. I also renamed it so that we could get away from that old TPL thread as it was getting a big large and unruly. A new contrib name and a new thread to go with it for a fresh start.

Some Features of TPP:

• Global tabs can be set from the Admin configuration area to apply tabs instantly to all products
• Tabs can also be added manually to product decriptions
• All tab calculations are in the module file only. No more additional template files.
• There are only 2 little code snippets required to add tabs to your custom layouts, or use the included product template.
• Fully w3 validated
• Reverts back to normal view when javascript is disabled
• Does not change any data, leaving SEO, Meta, and product information intact.
• Uses built-in Zen-Cart modules for creation of Zen-based tabs. Should prove transparent to future ZC releases.

TPP uses a completely new method of tabbing. Instead of relying on PHP checks to see if a tabbed version of a module needs to be used and the non-tabbed version needs to be skipped, the new tabs use some extremely creative javascript to create the tabs, and hide the rest.

View a demo

The first version is a BETA. It has been fully tested but I just know someone might find some little snag so I will give you guys a chance at it before I make it a full final release.

I'd also like to hear your comments, questions, advice, and/or insults as you what you dislike or would like to see in future versions.

---

Hi,
You can view working demo over here.
http://www.sizzlingshop.com/mobile-n...hone-123-p-202

hetalsagar

I am using Zen Cart 1.3.8. I just installed TPP. After I installed the add on, It appears my redirects are not working. I click on the "webpage" link, it no longer works. I click on the checkout, it no longer works. Any clues as to where to look. The website is at:

http://www.ngtservices.com/Products/OurCatalog/

Thanks!

Found the error. I had installed Extra Description Files prior to installation of TPP. There were a couple extra blank lines at the end of one of the .php files. removed the lines all is right with the world:smile:

I am trying to set up TPP on my site - I have it basically working, but there is one thing that is baffling me.

What I am trying to achieve is basically the same as the example in the Sub Tags section of the readme. I would like 2 tabs. The first should have the product description and add to cart button. The second tab should simply have some text on it.

Following the example I have my product description as:

Code:

---

<!--%Product Description%-->
<p>This is the description of the bag.</p>

<!--*sub_AddToCart(1)*-->


<!--%Manufacturer%-->

<p>info here</p>

---

In admin I have Global Enable Tabs = 1 and all other options set to 0.

The two tabs are fine, but the problem is, the add to cart button is not on the tab. Firebug confirms that it is outside the tpptabBlock div.

I have tried this with a plain vanilla install and have the same problem. :(

Using latest versions of both Zencart and TPP.

Any suggestions?

Dave

I am still in need of someone's help to figure out why TPP is preventing me from being able to move all my extra product info up [attributes, buttons, etc].

I have provided a screenshot to show how the page looks now vs what I am looking to acheive.
http://eclecticaclothing.com/example.png

Left: Current layout ---- Right: What I want it to look like

WEBSITE


Thanks in advance!:clap:

Will using the tabbed content affect SEO since the content is embeded in javascript I'm assuming.

Quote:

---

Originally Posted by khopek

I am still in need of someone's help to figure out why TPP is preventing me from being able to move all my extra product info up [attributes, buttons, etc].

I have provided a screenshot to show how the page looks now vs what I am looking to acheive.


Left: Current layout ---- Right: What I want it to look like

WEBSITE


Thanks in advance!:clap:

---

In your stylesheet, set a height against #tpptabBlock and it will do what you want - 200px appears to be about right.

As it happens, your layout is almost identical to mine - pic on the left, tabs on the right. :smile:

Dave

Quote:

---

Originally Posted by HPG09

In your stylesheet, set a height against #tpptabBlock and it will do what you want - 200px appears to be about right.

As it happens, your layout is almost identical to mine - pic on the left, tabs on the right. :smile:

Dave

---

It never even ocurred to me to use negative values, however, it doesn't work for me:(

updated DEMO link. Includes tab style switcher

I'm hoping someone out there can help me. I have installed the PPP Mod and it is (sort of) working fine. The only thing is that I do not actually have tabs - instead I have a bulleted list. Everything else is working fine but for this list of bullets where there should be tabs!

I saw a reference somewhere in this thread to stylesheet_new, that wasn't in the download I uploaded, is that where I'm going wrong?

Hoping someone can help, this is driving me nuts!

Quote:

---

Originally Posted by khopek

It never even ocurred to me to use negative values, however, it doesn't work for me:(

---

Ahh - no that was supposed to be a hyphen, not a 'negative' sign!

What you need is:

Code:

---

#tpptabBlock
{
height: 200px;
}

---

HTH
Dave

Quote:

---

Originally Posted by Southport_Red

I'm hoping someone out there can help me. I have installed the PPP Mod and it is (sort of) working fine. The only thing is that I do not actually have tabs - instead I have a bulleted list. Everything else is working fine but for this list of bullets where there should be tabs!

I saw a reference somewhere in this thread to stylesheet_new, that wasn't in the download I uploaded, is that where I'm going wrong?

Hoping someone can help, this is driving me nuts!

---

Sounds like you didnt upload all the css files like stylesheet_tpp.css and the tpp folder inside the css folder

Well that is just odd. I tried this before and it just wouldn't work. Seems to work now though! Thanks!

Can anyone help with my query, post #704?

Thanks
Dave

I have installed & re-installed, I have tried the files singly and then deleted and installed the whole lot in the files structure as downloaded, still no sign of the actual tabs, HOWEVER, something that I am not so confident I have done correctly is the files that are not in the Includes folder or below, I am not sure where I should instal these? I am referring to the doc folder and the res sub-folder. I thought they were not for installation but there is a jss file there and the styleshett_tabbed_readme.css which look like they should be significant. So, please can someone advise where (if anywhere) I install the folders 'doc' and 'res'

Many thanks, sorry to be a thicko.

Fred

This is a brilliant mod. Thanks qhome. In my case, one thing I am missing is a way to only load the content of a tab until you click on the tab button itself.
I'm running a real estate site that has a Google map on a tab, and the preloading makes this way too slow. I wrote a hack to avoid the preloading by putting a button within a tab page.
See here: http://www.gispasia.com/index.php?ma...roducts_id=180

Click on the 'Location' tab and you will see the button. Ideally the Google map should be loaded when you click on the 'Location' tab itself, that way I can avoid the silly button.
Is there a fix to accomplish this?

I found a work-around for my problem (see previous message).
I altered a javascript function to have the feature to post-load a tab.

Quote:

---

Originally Posted by Southport_Red

I have installed & re-installed, I have tried the files singly and then deleted and installed the whole lot in the files structure as downloaded, still no sign of the actual tabs, HOWEVER, something that I am not so confident I have done correctly is the files that are not in the Includes folder or below, I am not sure where I should instal these? I am referring to the doc folder and the res sub-folder. I thought they were not for installation but there is a jss file there and the styleshett_tabbed_readme.css which look like they should be significant. So, please can someone advise where (if anywhere) I install the folders 'doc' and 'res'

Many thanks, sorry to be a thicko.

Fred

---

No you dont need the doc and res folder
Just the files in "include"

That's a shame, still cannot see the Tabs :(

Thanks for your reply though, I appreciate it

I am using the cherry zen template a t no matter what I do I cant get tabbed products to work.

On my products info page I only see the logo and navigation

Can anyone help
link here

That's the same problem I have - cannot fathom it. Sorry, can't help you, just expressing solidarity

Are you guys using the included tpl_product_display_info.php file or adding the code manually?

I used the included file and I also edited mine according to your instructions.I cant keep TPP active because Customers visit and purchase from My store and if it is on the will not get to the product information page.

I have cross sell Adnvanced installed and I am not sure if that is also causing a problem.I dont know how to disable Cross Sell.

I have just come across this wonderful product and it seems to be what will solve all my concerns with how to display my products. However, I have one small problem. I know you guys are experts on this so please try to understand those who are not. I've dowloaded the product and unzipped it, but nothing tells me where to send all the unzipped files waiting to go somewhere? Do they all go to the same place (and where)? I'm using 1.3.8 and the default template. :blush:

Thanks,
Sam

Quote:

---

Originally Posted by shughey

I have just come across this wonderful product and it seems to be what will solve all my concerns with how to display my products. However, I have one small problem. I know you guys are experts on this so please try to understand those who are not. I've dowloaded the product and unzipped it, but nothing tells me where to send all the unzipped files waiting to go somewhere? Do they all go to the same place (and where)? I'm using 1.3.8 and the default template. :blush:

Thanks,
Sam

---

Well, I went ahead and moved the files where I thought they should go, what's in languages, functions, module, templates. I have links beside the product image which when clicked on the results change below the image but no tabs. I'm not using cross sell (dont' even know what it is) and I'm not using the html area. I entered the <!--%Product Description%--> and the info below that. Still, no tabs.

I have product description and reviews in small font and then when I click on each link the same word in larger font and bold is below. The product description and reviews change when I click on each but still no tabs.

Thanks for any help as I'm sure it's something simple I'm overlooking.

Sam

You didn't upload the css files to the correct place. Its a simple 1 to 1 matching, with the exception of renaming "YOURTEMPLATE" to your template.

Quote:

---

Originally Posted by khopek

I am still in need of someone's help to figure out why TPP is preventing me from being able to move all my extra product info up [attributes, buttons, etc].

I have provided a screenshot to show how the page looks now vs what I am looking to acheive.
http://eclecticaclothing.com/example.png

Left: Current layout ---- Right: What I want it to look like

WEBSITE


Thanks in advance!:clap:

---

Hello there,

Just wondering, how did you manage to have the tabs next to your product image? Can this now be done with the new version? Or did you put them in a table?

Any help would be much appreciated.

All the best...

Hello,

Tried re-arranging tabs, images etc. to achieve the same look as in khopek's website using CSS. Just wondering, is it better to use positioning (relative, absolute) or just float them around? Or should I use table instead?

Thanks...

Quote:

---

Originally Posted by qhome

You didn't upload the css files to the correct place. Its a simple 1 to 1 matching, with the exception of renaming "YOURTEMPLATE" to your template.

---

I put the css files into: /includes/templates/template_default/css/ and buttons: /includes/templates/template_default/css/. Is this not correct?

Thanks,
Sam

Quote:

---

Originally Posted by Berserker

Hello,

Tried re-arranging tabs, images etc. to achieve the same look as in khopek's website using CSS. Just wondering, is it better to use positioning (relative, absolute) or just float them around? Or should I use table instead?

Thanks...

---

I used floated divs to create what is essentially the same layout. Tables are not necessary.

In fact, if you look at Khopek's site with Firebug you can see how it can be done. My site is not publicly accessible yet, otherwise I'd give you a link.

cheers
Dave

Hello there,

Thanks for the reply. When you used floated divs, did you put the items in product info display.php (i.e. product name etc.) in a div and then style it in the stylesheet or direct to the stylesheet right away? Also, do you mind giving me an example of your coding?

All the best...

Quote:

---

Originally Posted by Berserker

Hello there,

Thanks for the reply. When you used floated divs, did you put the items in product info display.php (i.e. product name etc.) in a div and then style it in the stylesheet or direct to the stylesheet right away? Also, do you mind giving me an example of your coding?

All the best...

---

The various items on the product info display are already in divs. Locate them (or add them) in your stylesheet and format accordingly.

HPG09 is right the Firefox dev tools will help you dissect this easily..

Hello,

Not all the items on the product info has divs...should I create one for them or can I combine it with the ones with divs?

Thx...

Quote:

---

Originally Posted by Berserker

Hello,

Not all the items on the product info has divs...should I create one for them or can I combine it with the ones with divs?

Thx...

---

If you want to move a product info element into another div, you can do that, or create a custom div. You can do either.. Depends on what you are trying to achieve as the final outcome..

Quote:

---

Originally Posted by shughey

I put the css files into: /includes/templates/template_default/css/ and buttons: /includes/templates/template_default/css/. Is this not correct?

Thanks,
Sam

---

You are correct. I had them in the wrong template folder. Now everything is working except this:


<br/>
<font family="verdana" size="2">Publisher: NavPress<br/>
Author: Bridges, Jerry<br/>
ISBN-13: 9781600063961<br/>
Binding: Hardcover<br/>
List Price: $17.99<br/>
<b>South Woods Bookstore: $12.00 - <font color="#A70000">33% Off</b></font><br/><br/>


<!--%Details%-->
<p align="justify"><font family="verdana" size="2">"When Jerry Bridges speaks, I listen."
- R. C. Sproul<br><br>
and more text.


What's above the <!--%Details%--> is inside the tabs. I thought anything above this would be above the tabs.

Thanks,
Sam

Quote:

---

Originally Posted by shughey

You are correct. I had them in the wrong template folder. Now everything is working except this:


<br/>
<font family="verdana" size="2">Publisher: NavPress<br/>
Author: Bridges, Jerry<br/>
ISBN-13: 9781600063961<br/>
Binding: Hardcover<br/>
List Price: $17.99<br/>
<b>South Woods Bookstore: $12.00 - <font color="#A70000">33% Off</b></font><br/><br/>


<!--%Details%-->
<p align="justify"><font family="verdana" size="2">"When Jerry Bridges speaks, I listen."
- R. C. Sproul<br><br>
and more text.


What's above the <!--%Details%--> is inside the tabs. I thought anything above this would be above the tabs.

Thanks,
Sam

---

It should above the tabs if you set Global Product Description to false. It should then assume the first tag to be the start of the tab box. But if Global Product Description is true, then it takes all the contents and shoves them into the tabs

Got it. Looks great now.

Thanks,
Sam

Hello,

I have another question. Just wondering, if you have the global reviews on, is the button supposed to be inside the tab content or outside?

Thx...

Quote:

---

Originally Posted by Berserker

Hello,

I have another question. Just wondering, if you have the global reviews on, is the button supposed to be inside the tab content or outside?

Thx...

---

Mine is always inside.

That's is what im after too but in IE 8 and Firefox 3, it is always outside. Any way I can have it back inside? I know it's inside in IE7.

Quote:

---

Originally Posted by Berserker

That's is what im after too but in IE 8 and Firefox 3, it is always outside. Any way I can have it back inside? I know it's inside in IE7.

---

Mine are always inside on both IE8 and FF3 and I've made no alterations to make it so. It's been that way since I first installed TPP. If you set Show Product Reviews Button to 1 they will always be outside even if you have TPP - Config set reviews to 1, which, in this case the Reviews button will be both inside and outside but to me that's overkill.

I set Show Product Reviews Button to 0 and Global Reviews tab to 1 in TPP - Config and that makes mine always and only inside TPP.

Hope that helps.

Sam

How do you set "Show Product Reviews Button " to 0? Is this supposed to be in TPP config? If so, I dont have this switch.

Just wondering if anyone can help...how do I change back the font weight for the product under "New Products for xxxxx" in the main page? Currently, it is bold but after checking my stylesheet and checking the site with firefox web developer, I cant seem to find what caused it to be bold. Nothing on the stylesheet. Please visit animeheavens.co.uk to see the problem...

Thx

Quote:

---

Originally Posted by Berserker

How do you set "Show Product Reviews Button " to 0? Is this supposed to be in TPP config? If so, I dont have this switch.

---

Not in TPP - Config. Log into Admin and go to: Catalog > Product Types > edit layout

Sam

hi, this is really great mod - unfortunatelly my Image Handler 2 module, or at least its "hover" functionality stopped working after installation. Could you please suggest some solution?

i am not a programmer and i am also new to this, so i dont have any idea. I tried to re-install Image Handler, but that did not help.
I am using new versions of all modules on zencart 1.3.8

thanks for your help :)

Quote:

---

Originally Posted by pajur

hi, this is really great mod - unfortunatelly my Image Handler 2 module, or at least its "hover" functionality stopped working after installation. Could you please suggest some solution?

i am not a programmer and i am also new to this, so i dont have any idea. I tried to re-install Image Handler, but that did not help.
I am using new versions of all modules on zencart 1.3.8

thanks for your help :)

---

Not sure what the problem could be since I'm not a programmer but I have both Tabbed Products and Image Handler on my www.ZenCrystals.com site and they're both working great.

Just wanted to post this in case someone is debating over installing one of these mods someday and thinks that they are incompatible.

Using
zencart version 1.3.8a
zencart zen template
tabbed products version 1.06
image handler 2 version 2.0

Hope you find the solution.

Zencart ROCKS :clap:

ok, its good to hear those two modules are working together. But - i just looked at your site and unfortunatelly - I did not notice any hovering images on mouse over at your site. And that is the feature which is not working at my site... It is not critical of course, but i like it :)

Quote:

---

Originally Posted by Craft Magick

Not sure what the problem could be since I'm not a programmer but I have both Tabbed Products and Image Handler on my www.ZenCrystals.com site and they're both working great.

Just wanted to post this in case someone is debating over installing one of these mods someday and thinks that they are incompatible.

Using
zencart version 1.3.8a
zencart zen template
tabbed products version 1.06
image handler 2 version 2.0

Zencart ROCKS :clap:

---

I went to your website and the image handler 2 rollover function doesn't appear to be working. The hover feature when over an image to display a medium sized image.

I had a similar issue when installing another javascript based mod to my cart and had to find another solution.

i install this mod on test site, which has one other mod, called slimbox. Slimbox was installed already then i install tab pro now the site page will not load see like for example http://lextechs.net/shop/

Quote:

---

Originally Posted by lextechs

i install this mod on test site, which has one other mod, called slimbox. Slimbox was installed already then i install tab pro now the site page will not load see like for example http://lextechs.net/shop/

---

i fixed it by deleting this file class.rlwp.php, and it seem to be working fine

Quote:

---

Originally Posted by lextechs

i install this mod on test site, which has one other mod, called slimbox. Slimbox was installed already then i install tab pro now the site page will not load see like for example http://lextechs.net/shop/

---

I went to the link and it opened and everything appears to be working.

I must have screwed something up somewhere, but tpp is working perfectly, no issue with that, however for some reason when I actually view a product, any product, the boxes defined for the right hand column dissapear, it almost looks as if the main page overlaps the right side somewhat, but the boxes vanish rather than move down (divs)

This only happens on product pages, not on product listings etc, so has to be the product-info page right?

Any ideas?

Reviews and tell a friend appear, but the lower portion (line) or of the second box is gone, hence my assuming its either a tpl or css problem with that page.

Many thanks. here is a link to the problem.
http://www.macropackaging.co.uk/macr...750s-p-62.html

And this is the product list link, which shows what should be on the right

http://www.macropackaging.co.uk/macr...s-c-16_18.html

Quote:

---

Originally Posted by spottedhaggis

I must have screwed something up somewhere, but tpp is working perfectly, no issue with that, however for some reason when I actually view a product, any product, the boxes defined for the right hand column dissapear, it almost looks as if the main page overlaps the right side somewhat, but the boxes vanish rather than move down (divs)

This only happens on product pages, not on product listings etc, so has to be the product-info page right?

Any ideas?

Reviews and tell a friend appear, but the lower portion (line) or of the second box is gone, hence my assuming its either a tpl or css problem with that page.

Many thanks. here is a link to the problem.
http://www.macropackaging.co.uk/macr...750s-p-62.html

And this is the product list link, which shows what should be on the right

http://www.macropackaging.co.uk/macr...s-c-16_18.html

---

Check your global settings to see if they are supposed to appearing on all pages (or not). So far as I know, that would be the only thing preventing them from showing on all pages.

Sam

Erm, daft question but I cannot locate any global settings anywhere? :unsure:

Well, I have looked everywhere and for the life of me I cant find anything anywhere that will turn off or on boxes for particular pages

Quote:

---

Originally Posted by spottedhaggis

Well, I have looked everywhere and for the life of me I cant find anything anywhere that will turn off or on boxes for particular pages

---

Honestly your issue seems to have NOTHING to do with this mod, and you might get more help and better responses if you post your issue in a new thread. Some sideboxes can be context sensitive (as seems to be the case with your boxes given when and how they appear) This isn't an issue caused by this mod, rather I'm sure it's a setting that needs to be tweaked, and you might get a better response by creating a new thread.

Great App!!! I was wondering how I could make the following modifications:

(1) Center the Main Product Image & Additional product Images on the description Tab page and follow it with the description text (Left Justified). For example:

PRODUCT TITLE (centered)
PRICE (Centered)
IMAGE(s) (Centered)
DESCRIPTION TEXT (Left Justified)

(2) How can I change the background color of the tab body and the text font color to match my website (currently #000000 Black background with a #E5E5E5 Light grey text).

(3) How can I add the ADD TO CART button so it appears right next to the PRICE on the main description page/tab?

(4) If #3 is possible ... How can I remove the ADD TO CART tab?

(5) General question. What does the SQL script do? I have not run the SQL script as of yet but my test site seems to be running your app. just fine ... What will the SQL script do once I run it? Also, I am assuming I should only run the ENGLISH script if that is the only language i have at the moment.

Thank you.

Hello Qhome!
Thanks again for great mod!
Please tell me how can I add in product description tab the name of product, like: was "Product description" and after change "Product description Nokia N97"
The product description have <h2> tag, and I think this modification can improve page rating in SERP.:hug:

Hi,

Can someone please tell me how to sort out the problem with this module and the Ceon URI Mapping (SEO) module. The module seems to work but im getting lots of error on my error logs relating to the javascript files from this mod.

Any help would be much appreciated.

Thx

I just noticed that my "Customers Also Purchased" tab has no header.
Looking through the code, I noticed that the header is commented out.

Code:

---

<!--bof Customers_Also_Purchased_Tab sc3-->
<div id="sc3" class="tabcontent" style="display:block;">
<div  id="alsoPurchased_tab">
<!-- <h2 class="centerBoxHeading">Customers also purchased...</h2> -->

---

I can't seem to find where this gets done. Anyone know how to fix it?

Im using the latest Zen, IH2 and Column Layout Grid.

Quote:

---

Originally Posted by SHK

I just noticed that my "Customers Also Purchased" tab has no header.
Looking through the code, I noticed that the header is commented out.

Code:

---

<!--bof Customers_Also_Purchased_Tab sc3-->
<div id="sc3" class="tabcontent" style="display:block;">
<div  id="alsoPurchased_tab">
<!-- <h2 class="centerBoxHeading">Customers also purchased...</h2> -->

---

I can't seem to find where this gets done. Anyone know how to fix it?

Im using the latest Zen, IH2 and Column Layout Grid.

---

If I remember correctly, the Cust Also Purchased tpl file supplies the header so check there.. something like tpl_customers_also_purchased.php or something

Hello,

this is my first post in here. I have been working on a new look for our website as we were previously using WP ECommerce which doesnt come close to Zen Cart.

our website is now almost complete. however, there is one problem i am having and i have searched everywhere for an answer.

i want the attributes dropdown to be moved alongside or before the add the cart. i am concerned our customers may not notice that they have to select a size if it is below.

i have read the comments explaining how to edit the tpl_product_info_display.php file and move them around.

Whenever i move anything though within this file it reverts back to the old product listing style without the Tabbed Products.

Can somebody PLEASE help me with this. Everything else has been so easy to install and customise on Zen Cart except for this.

our website is currently at www plussizedclothing com au / cart whilst it is in the testing and setup stages.

Thank you!

This is a support thread for the "Tabbed Products Pro (TPP) Contrib". Since your question is unrelated to the "Tabbed Products Pro (TPP) Contrib" you should create a seperate thread in the appropriate section of this forum. You will probably get more responses this way..

However, before you post your question, I would suggest you search this forum for your answer 1st.. Your question has likely already been answered. (I suggest this as it sounds like your question is a fairly common page formatting question..)

BTW, moving the attributes location will not completely solve your issue.. Hint: a quick search for "attribute mandatory" turned up this link http://www.zen-cart.com/forum/showth...utes+mandatory

Good luck..:smile:

Quote:

---

Originally Posted by plussized

Hello,

this is my first post in here. I have been working on a new look for our website as we were previously using WP ECommerce which doesnt come close to Zen Cart.

our website is now almost complete. however, there is one problem i am having and i have searched everywhere for an answer.

i want the attributes dropdown to be moved alongside or before the add the cart. i am concerned our customers may not notice that they have to select a size if it is below.

i have read the comments explaining how to edit the tpl_product_info_display.php file and move them around.

Whenever i move anything though within this file it reverts back to the old product listing style without the Tabbed Products.

Can somebody PLEASE help me with this. Everything else has been so easy to install and customise on Zen Cart except for this.

our website is currently at www plussizedclothing com au / cart whilst it is in the testing and setup stages.

Thank you!

---

Hi...

Thank you for creating such a wonderful mod. It really provides an organized, clean look to product pages, especially those with lots of info. I do have a small problem, though, with which I'd appreciate your help. I added the style sheet that keeps my main image on the left, with additional images beneath, and all text on the right (preventing wrap-around). Unfortunately, when I have additional images, the content within all of the tabs gets pushed down to the baseline of the additional image. I've tried to solve this puzzle by making changes to both style sheets (yours and the additional images), but nothing seems to be working.

The additional images style sheet is as follows:

HTML Code:

---

/*beginning of Product Display code*/
#productImageWrapper {
float: left;
width: 180px;
}

#productDescriptionWrapper {
        width: 480px;
        margin-left: 180px;
        background-color: #FFFFFF;
        }

#productAdditionalImages .additionalImages a {
    float: left;
    margin-left: 10px;
    }
/* end of Product Display code */

---

I have a few products that have several additional images lined up vertically and would like to keep them under the main image (I really like the look of the tabs next to the images). If that can't be done, is it possible line up additional images in a row above the tabs, with the tabs then filling the page width as in one of your demo samples.

Any help/suggestions would be greatly appreciated.

Dorothy

Hi everyone,

Thanks for the great mod.

One thing I'm having difficutly with; when adding padding for the tab content all goes well until padding on the right.

This shows the result

Without the padding on the right the overall layout is fine; the distance between the right border and right column sideboxes is equal to the distance between the left border and left column sideboxes.

But adding the padding on the right moves the right border under the sideboxes. I need the padding as otherwise the description text touches the border. Any ideas?

Code:

---

#slidetabsmenu {
  float:left;
  width:100%;
  font-size:93%;
  border-bottom:none;
  line-height:normal;
  }
#slidetabsmenu ul {
  margin:0;
  padding:10px 10px 10px 10px;
  list-style:none;
  }
#slidetabsmenu li {
  display:inline;
  margin:0;
  padding:0;
  font-weight: bold;
  }
#slidetabsmenu a {
  float:left;
  background:url("../../images/tpp/tableft13.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#slidetabsmenu a span {
  float:left;
  display:block;
  background:url("../../images/tpp/tabright13.gif") no-repeat right top;
  padding:5px 13px 4px 6px;
  color:#3B3B3B;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */
#slidetabsmenu a:hover {
  background-position:0% -125px;
  }
#slidetabsmenu a:hover span {
  background-position:100% -125px;
  color: black;
  }
#slidetabsmenu a.current {
  background-position:0% -125px;
  float:left;
  background:url("../../images/tpp/tableft28.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#slidetabsmenu a.current span {
  background-position:100% -125px;
  color: red;
  float:left;
  display:block;
  background:url("../../images/tpp/tabright28.gif") no-repeat right top;
  padding:5px 13px 4px 6px;
  color:#FFFFFF;
  }
.tabcontent{
  text-align:justify;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  clear: both;
  float:center;
  width:98%;
  border-top: 1px solid #cc0033;
  border-right: 1px solid #cc0033;
  border-bottom: 1px solid #cc0033;
  border-left: 1px solid #cc0033;
  background: #f0f0f0;
  color: black;
  display:none;
  }

---

Thankyou.

Well I tried to give a stab at doing this myself, and QUICKLY realized I was in over my head.. I would like to change the order the tabs appear.

Currently, custom tabs appear after the product description tab, but before the other tabs. I would like to move the attributes and additional images tab to appear after the product description tab, to be followed by the custom tabs.. So the tab order would be like this:

• Product Description
• Attributes
• Additional Images
• Custom Tabs
• Reviews

I hope this makes sense..

Help!!!

Hey all,

First of all lots of thanks to the creator(s) of this contrib, really nice addon for my website.

I only have a problem that doesnt make any sence to me...

I got the tabbed products working like this.

link

but its not embedded in the entire site. Some products it does work and some it doesnt.

What can be the problem.

These are my settings.

Code:

---

TPP - Global Enable Tabs          1         
TPP - Global Main Image On Tab        0       
TPP - Global Product Description Tab        1       
TPP - Global Attributes on Tab        0       
TPP - Global Attributes on Add-to-Cart Tab        0       
TPP - Global Details On Tabs        1       
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        0       
TPP - Global Reviews Tab        1       
TPP - Show Tab Headers        1

---

thank you for your help!

Greetz G

I am trying to add a tab to display the manufacturer information on the product info page.
I already added the files needed to create new database for the manufacturer description using an old mod found in the archive of Zen Cart.

What steps do I need to take to display the manufacturer description on in a new tap.
I attempted to install the sample "warranty" tap found in the doc folder but that doesn't even work.

Any one managed to hack a new tap?

Code:

---

Hey all,

First of all lots of thanks to the creator(s) of this contrib, really nice addon for my website.

I only have a problem that doesnt make any sence to me...

I got the tabbed products working like this.

link

but its not embedded in the entire site. Some products it does work and some it doesnt.

What can be the problem.

These are my settings.

Code:
TPP - Global Enable Tabs          1         
TPP - Global Main Image On Tab        0       
TPP - Global Product Description Tab        1       
TPP - Global Attributes on Tab        0       
TPP - Global Attributes on Add-to-Cart Tab        0       
TPP - Global Details On Tabs        1       
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        0       
TPP - Global Reviews Tab        1       
TPP - Show Tab Headers        1thank you for your help!

Greetz G

---

anyone who could maybe help me?

i still havent found a solution for this .....

USING ZEN CART VS. 1.38A

JUST RECENTLY ADDED TPP

ON SOME OF THE PRODUCTS THIS WORKS FLAWLESSLY : HOWEVER ON AMNY OF THE PRODUCTS THAT I ADD IT TO I GET A BLANK ON THE TABS THAT I CREATE : EG :

http://mycellz4less.com/index.php?ma...oducts_id=1318

AS YOU CAN SEE TWO OF THE TABS DATA ARE NOT POPULATING ON THE TAB : I'M NTO SURE WHAT I'M DOING WRONG - HOWEVER I NEED HELP WITH THIS. PLEASE ADVISE.

It is probably due to a mistake in your text when you try to create the new taps.
This is what it should be <!--%Features%--> or <!--%Package Content%--> This have been working for me for a year.

note: make sure you add the above code in the text only mode.

Quote:

---

Originally Posted by ShEepKeepEr

but its not embedded in the entire site. Some products it does work and some it doesnt.

---

It only affects products of the general product type. Do you have multiple types in use?

Quote:

---

Originally Posted by cellz4less

USING ZEN CART VS. 1.38A

JUST RECENTLY ADDED TPP

ON SOME OF THE PRODUCTS THIS WORKS FLAWLESSLY : HOWEVER ON AMNY OF THE PRODUCTS THAT I ADD IT TO I GET A BLANK ON THE TABS THAT I CREATE : EG :

http://mycellz4less.com/index.php?ma...oducts_id=1318

AS YOU CAN SEE TWO OF THE TABS DATA ARE NOT POPULATING ON THE TAB : I'M NTO SURE WHAT I'M DOING WRONG - HOWEVER I NEED HELP WITH THIS. PLEASE ADVISE.

---

Looking at your source, you have the custom tabs like <!--%FEATURED%--> being created right in the middle of a table. You really can't break up a table like that.

Also you have these extra <><> in parts of the code

i love the TPP module.

is there anyway I can make a tab to display the better together marketing offers?

Hi Qhome,
please can you tell me why in my pages: http://www.usim.co.il/en/nokia/nokia-e51-p-863
in Sourse "Description" tabb and "Specification" tabb show two times?
like:
<div id="productDescription_1" class="productGeneral biggerText"><p>Nokia E51 - the replenishment of the ranks of E-series business smartphones
and
<div id="productDescription" class="productGeneral biggerText"><p>Nokia E51 - the replenishment of the ranks of E-series business smartphones
Thanks

with duplicate of product description the page have errors in w3c validator: http://validator.w3.org/check?uri=ht...Inline&group=0
please Qhome can you give advice in this case?

This may be really basic, and I looked in some of the thread, but I was wondering if someone could tell me how to change the text of the additional images tab to something else? I still want it to display the additional images, just want different text on the tab..
Thanks in advance..

The mod comes with an additional language file that contains the text for the taps title.

Quote:

---

Originally Posted by xordox

with duplicate of product description the page have errors in w3c validator: http://validator.w3.org/check?uri=ht...Inline&group=0
please Qhome can you give advice in this case?

---

Looks like you figured out the problem you were having?
I dont see duplicates on your site.

Quote:

---

Originally Posted by qhome

Looks like you figured out the problem you were having?
I dont see duplicates on your site.

---

Qhome if you need an example you can view source on site in my signature. It definitely looks like Tabbed Products Pro is duplicating description as well as product image.

Quote:

---

Originally Posted by qhome

Looks like you figured out the problem you were having?
I dont see duplicates on your site.

---

Hi Qhome, thank you for reply!
No, I didnt resolve the problem, I mean that we have duplicate content( all information in tabbs) in sourse of page. The page of product looks good, but in sourse not.
I have deleted from tpl_product_info_display.php this code:

PHP Code:

---

 <!--bof Product description -->
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
<?php } ?>
<!--eof Product description -->

---

and now in source we have description only 1 time, and page looks good, but this way description do not available for spiders.
Please, can you help with this issue?

OK. the problem resolved by a_berezin
1. Please delete from tpl_product_info_display.php:

PHP Code:

---

<!--bof Product description -->
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
<?php } ?>
<!--eof Product description -->

---

2. remove this code also:

PHP Code:

---

<!--bof Product details list  -->
<?php
if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?>
  <ul id="productDetailsList" class="">
  <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT .  $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?>
  </ul>
<?php }
?>
<!--eof Product details list -->

---

3. Change this code

PHP Code:

---

<?php 
//BOF :: Tabbed Products Pro ::
echo '<div id="tpptabBlock" style="display:none;">' . $tabData . '</div>';
//EOF :: Tabbed Products Pro ::
?>

---

to this :

PHP Code:

---

<?php 
//BOF :: Tabbed Products Pro ::
echo '<div id="tpptabBlock" style="display:block;">' . $tabData . '</div>';
//EOF :: Tabbed Products Pro ::
?>

---

now we don't have duplicate content in sourse and also have w3c valid page, example:
http://validator.w3.org/check?uri=ht...Inline&group=0

Hmm... The javascript "magic" as it were is supposed to hide any other duplicates.

It works by:
Taking normal tpl
Adding tabbed stuff
Jscript finds duplicate ids and destroys them on the main
Then only the tabbed versions are there.

But I don't know what other changes were made that would break that.

Quote:

---

Originally Posted by qhome

Hmm... The javascript "magic" as it were is supposed to hide any other duplicates.

It works by:
Taking normal tpl
Adding tabbed stuff
Jscript finds duplicate ids and destroys them on the main
Then only the tabbed versions are there.

But I don't know what other changes were made that would break that.

---

It doesn't display the duplicates on the product pages, but if you view the source code of the product pages, you will see the suppressed duplicates. (I figured that was just how this mod worked.. didn't seem to harm anything, so I left it alone..) I didn't make any mods to my tpl other than what is suggested in the install instruct for this mod..

Quote:

---

Originally Posted by jkennedy

i love the TPP module.

is there anyway I can make a tab to display the better together marketing offers?

---

I've just installed this...and I love it...I too would like to know how to display the marketing offers, I have tried following the instructions and get the tab and the title but the content itself didn't appear...what I want to add as a tab is the Product Specials and Discounts bit on the bottom of this page: http://www.havendesignz.com/store/de...ories-page-kit

The code in the info display file that drives this is

PHP Code:

---

<?php 
require($template->get_template_dir('/tpl_bigspender_marketing.php',DIR_WS_TEMPLATE, 
   $current_page_base,'templates'). '/tpl_bigspender_marketing.php');
?>
<?php 
require($template->get_template_dir('/tpl_better_together_marketing.php',DIR_WS_TEMPLATE, 
   $current_page_base,'templates'). '/tpl_better_together_marketing.php');
?>

---

Any help would be hugely appreciated :)

Quote:

---

Originally Posted by xordox

OK. the problem resolved by a_berezin
1. Please delete from tpl_product_info_display.php:

PHP Code:

---

<!--bof Product description -->
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
<?php } ?>
<!--eof Product description -->

---

2. remove this code also:

PHP Code:

---

<!--bof Product details list  -->
<?php
if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?>
  <ul id="productDetailsList" class="">
  <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT .  $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?>
  </ul>
<?php }
?>
<!--eof Product details list -->

---

3. Change this code

PHP Code:

---

<?php 
//BOF :: Tabbed Products Pro ::
echo '<div id="tpptabBlock" style="display:none;">' . $tabData . '</div>';
//EOF :: Tabbed Products Pro ::
?>

---

to this :

PHP Code:

---

<?php 
//BOF :: Tabbed Products Pro ::
echo '<div id="tpptabBlock" style="display:block;">' . $tabData . '</div>';
//EOF :: Tabbed Products Pro ::
?>

---

now we don't have duplicate content in sourse and also have w3c valid page, example:
http://validator.w3.org/check?uri=ht...Inline&group=0

---

We currently display model ID on the product page and if the instruction in step 2 is followed, that removes that functionality. Is there an alternative way to solve this problem without removing core codes?

Thanks!

After getting some sleep and looking at this with somewhat fresh eyes LOL I managed to get this....for the person who was wanting to add the better together offers, follow the instructions included in docs/TPP - Adding Global Tabs.pdf

In the --TAB PRE-LOAD SECTION— (second) section where it says to add:

PHP Code:

---

// Pre-load Warranty
$fmtShipEst = "\n" . '<div style="width:100%;">' . "\n";
$fmtShipEst .= "This is warranty information for our products. We want you to know that our products have a 100% guarantee."
$fmtShipEst .= "Thank you for shopping with us. If you have any questions, call us at 1-800-111-2222."
$fmtShipEst .= "\n" . '</div>'. "\n\n"; 


---

Add the following instead:

PHP Code:

---

// Pre-load Specials
$fmtSpecials = "\n" . '<div style="width:100%;">' . "\n";
ob_start();
require($template->get_template_dir('/tpl_bigspender_marketing.php',DIR_WS_TEMPLATE, 
   $current_page_base,'templates'). '/tpl_bigspender_marketing.php');
$fmtSpecials .= ob_get_contents();
ob_end_clean();
$fmtSpecials .= "\n" . '</div>'. "\n\n"; 


---

If you have other mods from That Software Guy in the marketing series add in the extra codes needed like this:

PHP Code:

---

// Pre-load Specials
$fmtSpecials = "\n" . '<div style="width:100%;">' . "\n";
ob_start();
require($template->get_template_dir('/tpl_bigspender_marketing.php',DIR_WS_TEMPLATE, 
   $current_page_base,'templates'). '/tpl_bigspender_marketing.php');
require($template->get_template_dir('/tpl_better_together_marketing.php',DIR_WS_TEMPLATE, 
   $current_page_base,'templates'). '/tpl_better_together_marketing.php');
$fmtSpecials .= ob_get_contents();
ob_end_clean();
$fmtSpecials .= "\n" . '</div>'. "\n\n"; 


---

Please note that I changed all instances of Warranty in the instructions to Specials, and fmtShipEst to fmtWarranty you will need to do the same with whatever word of your choosing lol

Oh and you'll need to remove the code added to the tpl_product_info_display.php so that you don't have the offers displaying twice lol

I have a question...lol

I currently have all my designers individual terms of use in ez pages displayed in a drop down box on the right, I would like to have these displayed as a tab on the actual product too....I know I can go in and edit each product one by one and add custom tags and the TOU information...mind you I am not sure I have grasped it correctly lol, but if anyone changes their terms this would be time consuming to change...is there a way I can get it to display the text already in each ez page instead?

I.E. instead of

Example:
<!--%Product Description%-->
The name of this tab is "Product Description". This is the text on the product description tab.
<!--%TOU%-->
Type terms in here

have it as

Example:
<!--%Product Description%-->
The name of this tab is "Product Description". This is the text on the product description tab.
<!--%TOU%-->
Include specific EZ Page content



Is this possible?

Quote:

---

Originally Posted by BlessIsaacola

We currently display model ID on the product page and if the instruction in step 2 is followed, that removes that functionality. Is there an alternative way to solve this problem without removing core codes?

Thanks!

---

This is just a guess.. but I would say that if you are not displaying this data inside a tab, you could simply skip this step..

Would using the tabbed pages affect SEO ? Since the content is pulled into javascript.

Quote:

---

Originally Posted by dannyd

Would using the tabbed pages affect SEO ? Since the content is pulled into javascript.

---

read the readme :)

I hope anybody can help me figure out the problem.

I completely followed the installation, and I can go to the background to configration the tpp -config, but can't go the shop online catalog.

any suggestion will be appreciated.

Thanks in advance.:smile:

I'm so in love with this module that I would like to use it on some non-product pages.

I took a look at some of the install notes and it seems possible, but I didn't want to mess up my current site without first asking if anyone has already done this somewhere else.

If you have, or know how I'd love to hear about it.

Thanks,
lindasdd

Tabbed Product Pro doesn't appear on internet explorer 6. I believe it was working. But today I noticed it doesn't appear anymore. Firefox works just fine.

Can someone tell me what happened and what should I do? Do I have to re-install TabbedProductsPro.sql file?

I noticed that everyone who uses this mod has problem with its display on IE6. It doesn't seem to work on IE6.

Is there anyone who got this mod to work on IE6?

May I know if it works on IE7 and IE8?

Ok, I just realized the problem was caused by my IE6 browser. The javascript is disabled. It has appeared after I enable javascript.

:mellow:

Hi.

I have been chasing my tail on this for quite a time so thought I'd post my findings in case it helps anyone else.

Zen Cart 1.3.8a with latest security patch and a number of add-ins including Image Handler 2.

After installing the add-ins I noted that a required text attribute that was previously operating as required was no longer and the product was being added directly into the cart.

After a systematic process of installing all add-ins one at a time on a clean installation, with Tabbed Products Pro being the last, I managed to track the issue down.

In the SQL with version 1.06 the first section of the SQL looks like it is designed to delete any old version entries from the configuration and configuration_groups tables prior to installing the new entries.

If this SQL is run in its entirety where no old version exists the result is that the variable '@gid' gets the value '0' as the select returns no rows.

This causes any entries in the configuration table with a configuration_group_id of '0' to be deleted. In my installation there were no entries in configuration_group with an id of '0' so nothing got deleted from there but I had 4 entries in the configuration table with a configuration_group_id of '0':

configuration_id - title

367 - Product option

373 - Upload Prefix

374 - Text Prefix

596 - Image Handler version


ID 367 - Text Prefix being deleted resulted in the checks for a required text attribute coming up empty so the product was added directly to the cart.

As I didn't have an old version installed I just ran the SQL from the first INSERT INTO statement.

Hope this might help someone.

Hi,

I have installed Tabbed Products Pro and my product info display page is partially blank. Any ideas?

Also, I am a bit confused on the 'How to Use' Page in the readme file. Do I have to install those tags (e.g. <!--%Product Description%--> ) and if so where?

Thanks in advance.

You want tabs in addition to those chosen in the admin menu then yes you use that syntax.

For instance, anything lower on the page from:

<!--%Product Description%-->

Will be on the Product Description tab.

The text within the %..% is the tab title.

You don't need the "end tabs" code mentioned in the read me.

-lindasdd