Tabbed Products Pro (TPP) Contrib - Official Thread

simetra:

I am using the lavender template but nothing specific for product info display. Here is an example: https://www.simetraonline.com/demo

If you go to Oil Burners > Blue Butterfly you will see where the tabs are and how it displays.

I am not sure if this is something in the css for this mod or something else that controls that layout so that the tabs are above the description and not below like they are.

Thank you

The tabs are designed to be below the description if the description is not on the tabs. Are you saying you want the tabs above the description?

Ahh okay. I see how it changes if I add it to the tab! Thanks for your help!

One last question for you...how do I change the color of the tab? I saw there were additional images in the image folder but how do you change to one of those? I am trying to get a tab color that goes with red.

Thanks again!

simetra:

One last question for you...how do I change the color of the tab? I saw there were additional images in the image folder but how do you change to one of those? I am trying to get a tab color that goes with red.

Thanks again!

I will add support for that in the next release. Couple days

great addon qhome , just installed it on a pre production site, easy and straightforward.

I was about to mess with the product_info template to get the image inline with the description and under the tabs ( as in an earlier thread , and in your demo )

Firstly just wondering if you are putting this functionality back in before I change it. no point re inventing the wheel !

Second thing , and it may be nothing , but I created a custom tab , inserted a hyperlink in , which was fine , i also used img src in the hyperlink , this works fine in Firefox, but does not show the image in IE ! I was wondering if its because of the Javsacript ? I just want to use it for the customer to be able to click on a pdf icon and download the datasheet for the product.

Just wondered if you had any ideas about that !

Thanks again

crazycucumber:

great addon qhome , just installed it on a pre production site, easy and straightforward.

I was about to mess with the product_info template to get the image inline with the description and under the tabs ( as in an earlier thread , and in your demo )

Firstly just wondering if you are putting this functionality back in before I change it. no point re inventing the wheel !

Second thing , and it may be nothing , but I created a custom tab , inserted a hyperlink in , which was fine , i also used img src in the hyperlink , this works fine in Firefox, but does not show the image in IE ! I was wondering if its because of the Javsacript ? I just want to use it for the customer to be able to click on a pdf icon and download the datasheet for the product.

Just wondered if you had any ideas about that !

Thanks again

Hmm.. I will take a look at hyperlinked images to see if there is a problem. I forgot about adding main image as a tab option again. I will look into adding that too.

UPDATE
NEW VERSION: TPP 0.6BETA

07-Feb-2008 - v0.6BETA - qhome

* Added "Main Image On Tab" option to allow ability to put main image on the first tab with Product Description. 
You can add this globally from the admin or 
use [b]<!--#MainImageOnTab#-->[/b] tag within the product description to use this feature.
* Files Modified:
          o modules/tabbed_products_pro.php
          o jscript/jscript_tpp.js
          o doc/readme_tabbed.html
          o TabbedProductsPro.sql

VIEW DEMO

I am almost ready to release a Version 1.0 Final. The last thing I am working on is a better/easier way to switch tab images on the tabs.

Thanks to everyone who has installed this and helped me test it out. I've learned a lot creating this and I'm glad people are enjoying it. If you have any other ideas I'd like to hear them.

Great work , installed over the top of v5 beta , works like a charm.

Has anyone got any ideas why I cant do the html img src tag in a hyperlink within the tabs in IE7 ?

my source :

<a href="pub/pdfs/datasheet.pdf" target="_blank"><img src="images/pdf.gif" border="0" alt="Download Datasheets" width=”100” height=“100”>Click Icon to download PDF datasheet</a>

Thanks again for a great contrib

crazycucumber:

Great work , installed over the top of v5 beta , works like a charm.

Has anyone got any ideas why I cant do the html img src tag in a hyperlink within the tabs in IE7 ?

my source :

<a href="pub/pdfs/datasheet.pdf" target="_blank"><img src="images/pdf.gif" border="0" alt="Download Datasheets" width=”100” height=“100”>Click Icon to download PDF datasheet</a>

Thanks again for a great contrib

IE doesn't like fancy quotes. Look at your width and height parameters. they are using the magic quotes style and IE is ignoring them. I changed them in my test to normal quotes and it works fine.

Is there a way to do this?

For every product, from which the Attributes tab pops up, puts a link at the bottom of the description that says "Click Here to Personalize" then it automatically takes you to the attribute Tab.

If it can be done Global for every product that has attributes. Super.

If I have to do it for each product. Not as good.. (Because I have so many to modify)

Dont work with Cross-Sell
zen-cart 1.3.8a

milobloom:

Is there a way to do this?

For every product, from which the Attributes tab pops up, puts a link at the bottom of the description that says "Click Here to Personalize" then it automatically takes you to the attribute Tab.

If it can be done Global for every product that has attributes. Super.

If I have to do it for each product. Not as good.. (Because I have so many to modify)

You mean aside from the tab you also want a link at the bottom of the product description area that sets focus on the attrib tab? If they don't see it up top you think they are gonna see it at the bottom?

dinix:

Dont work with Cross-Sell
zen-cart 1.3.8a

Need a bit more info than that.

You mean aside from the tab you also want a link at the bottom of the product description area that sets focus on the attrib tab? If they don't see it up top you think they are gonna see it at the bottom?

Yea I know what you mean.... Just trying to see if I can hit them twice. Just to make sure..
Perhaps aA Button, Image or Text with a a link.

Sorry but i have problems with keyboard, now is ok.

Dont work with Cross-Sell
zen-cart 1.3.8a

I install and my cross-sell products just disappear.
I have tpl_product_info_display.php with cross-sell

tanks for the help

milobloom:

Yea I know what you mean.... Just trying to see if I can hit them twice. Just to make sure..
Perhaps aA Button, Image or Text with a a link.

@ Milo:

A Tab is basically an image link. You can edit the tpl_product_display_info.php file and clone the link:

<a href="javascript:void(0)" onclick="expandcontent('sc2', this)">Personalize Now!</a>

and then add it right after:

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

Change to an image or change the html on it to make it bigger. That will put a link on every product.

@ Dinix:

I will try Cross sell with 1.3.8a

()---() $15
(o0)
=()=

! D ! @ A ! W !

Mod for my Mickey Mousey Customers

What I was wondering if, as if this text
was a product listing. I am just adding
a few extra lines just to add effect. To
demonstrate what I am looking for.

CLICK HERE to Personalize your order

Add To Cart
! 1 !

Now the Click Here part, If its possible to add to all products when
the Options Tag appears. But doesn't when there are no attributes.

Tanks Qhome I wait you tell samething.
(sorry my ingles)

milobloom:

()---() $15
(o0)
=()=

---

! D ! @ A ! W !

Mod for my Mickey Mousey Customers

What I was wondering if, as if this text
was a product listing. I am just adding
a few extra lines just to add effect. To
demonstrate what I am looking for.

CLICK HERE to Personalize your order

Add To Cart
! 1 !

Now the Click Here part, If its possible to add to all products when
the Options Tag appears. But doesn't when there are no attributes.

Too early in the morning to make sense of what you are writing here.. but I think that means my previous recommended method wasn't what you wanted :P

To only show on products that have attributes, You could do this after the tabblock code:

<?php if ($bAttribsExist) {?>
<a href="javascript:void(0)" onclick="expandcontent('sc2', this)"><font size="8"><b>CLICK HERE!</b></font></a>
<?php } ?>

Ok. Ill try that...

I have to put that code where??? Or Replace??

milobloom:

Ok. Ill try that...

I have to put that code where??? Or Replace??

instead of the earlier string i gave you. use this one. same place under where the tabBlock is.

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

<?php if ($bAttribsExist) {?>
<a href="javascript:void(0)" onclick="expandcontent('sc2', this)"><font size="8"><b>CLICK HERE!</b></font></a>
<?php } ?>