Tabbed Products Pro (TPP) Contrib - Official Thread

[Feznizzle]

Hi!

Can I call the functionality of TPP on a category description page? I have several categories that require SUPER lengthy descriptions, primarily spreadsheet charts for choosing the correct products. I'd love to break it up and hide under tabs.

Anybody done this?

Thanks,
Mike

[DivaVocals]

Hi!

Can I call the functionality of TPP on a category description page? I have several categories that require SUPER lengthy descriptions, primarily spreadsheet charts for choosing the correct products. I'd love to break it up and hide under tabs.

Anybody done this?

Thanks,
Mike

You can use the HTML from the TPP readme as a guideline for adding tabs elsewhere on your site.. I used the very same structure for all of the readme docs in add-ons I have contributed as well..

[Feznizzle]

Ah! Good thinking!

Wait. Ur saying snag the the html from the actual readme itself?

I looked, is this what u mean:

<script src="res/jscript_tpp.js" type="text/javascript"></script>
<div id="slidetabsmenu" style="display: none;">
  <ul>
    <li> <a onClick="expandcontent('sc1', this)" href="javascript:void(0)"><span>Title</span></a> </li>
    <li> <a onClick="expandcontent('sc2', this)" href="javascript:void(0)"><span>About</span></a> </li>
    <li> <a onClick="expandcontent('sc3', this)" href="javascript:void(0)"><span>Installation</span></a> </li>
    <li> <a onClick="expandcontent('sc4', this)" href="javascript:void(0)"><span>How to Use</span></a> </li>
    <li> <a onClick="expandcontent('sc5', this)" href="javascript:void(0)"><span>Notes &amp;
      Demos</span></a> </li>
    <li> <a onClick="expandcontent('sc6', this)" href="javascript:void(0)"><span>History</span></a> </li>
    <li> <a onClick="expandcontent('sc7', this)" href="javascript:void(0)"><span>AddOn</span></a> </li>
  </ul>
</div>
<br style="clear: both;">
<div id="tabcontentcontainer">
<div class="tabcontent" id="sc1" style="display: block;">

Mess around with that ^ to build something from scratch?

I bet I could figure that out, thanks! You're still the greatest, Diva!

[DivaVocals]

Ah! Good thinking!

Wait. Ur saying snag the the html from the actual readme itself?

I looked, is this what u mean:

<script src="res/jscript_tpp.js" type="text/javascript"></script>
<div id="slidetabsmenu" style="display: none;">
  <ul>
    <li> <a onClick="expandcontent('sc1', this)" href="javascript:void(0)"><span>Title</span></a> </li>
    <li> <a onClick="expandcontent('sc2', this)" href="javascript:void(0)"><span>About</span></a> </li>
    <li> <a onClick="expandcontent('sc3', this)" href="javascript:void(0)"><span>Installation</span></a> </li>
    <li> <a onClick="expandcontent('sc4', this)" href="javascript:void(0)"><span>How to Use</span></a> </li>
    <li> <a onClick="expandcontent('sc5', this)" href="javascript:void(0)"><span>Notes &amp;
      Demos</span></a> </li>
    <li> <a onClick="expandcontent('sc6', this)" href="javascript:void(0)"><span>History</span></a> </li>
    <li> <a onClick="expandcontent('sc7', this)" href="javascript:void(0)"><span>AddOn</span></a> </li>
  </ul>
</div>
<br style="clear: both;">
<div id="tabcontentcontainer">
<div class="tabcontent" id="sc1" style="display: block;">

Mess around with that ^ to build something from scratch?

I bet I could figure that out, thanks! You're still the greatest, Diva!

Ha!!! I am just the gatekeeper here.. QHome gets the cred... BTW, you know of course to NOT use the script line..

[tech285]

Is it possible to add custom sub tabs, not modules like 'add to cart' etc, to a main tab. My description is very long and would like to break it down, but keep it on the product description tab using sub tabs. I'm using Zen Cart 1.5 and the latest TPP version.

[ben harry]

Im sure this is quite simple to achieve, but how do i remove the add to cart tab, and have the original one show instead.

[ben harry]

figured out to be setting 'global add to cart' to 0 in admin....

[fishersj]

Firstly, a big thanks to the author and contributors for this great plugin. I’ve been using it successfully on our site for the last six months but have run into a couple of issues.

I’ve searched through this thread and seen one of the problems mentioned a couple of times but no definitive fix. I haven’t read every post so I apologise if this has been posted and answered before.

I have a custom tab where I want to place the additional images from a product. At first I couldn’t get it to work but then realised you had to globally set Additional images to On within Admin, Tabbed Products Pro – Configuration. The problem with this is it creates an Additional Images Tab. I want to switch this off but retain the ability to show additional images under my custom tab.

The second issue I have is the placement of these additional Images. I would like the images to be at the top followed by the text. At the moment, it is the other way round and again I don’t seem to be able to change the order.

I’ve included an image to illustrate the issues and would be very grateful for any advice to achieve what I’m after.

Many thanks


Steve

[DivaVocals]

Im sure this is quite simple to achieve, but how do i remove the add to cart tab, and have the original one show instead.

figured out to be setting 'global add to cart' to 0 in admin....

Glad you figured this out, but this (and most "how-to's") are covered in the readme file..

[Feznizzle]

Ok, back again, trying to figure out how to call the "TPP" effect for category descriptions (would love to use it for EZ-pages as well, subject for another conversation).

This *seems* like it should be VERY easy to do, since the mod is already installed. During install, you copy 3 little snippets to:

/includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php

Theoretically, it should be super simple to just add the snippets to the category controlling file:

/includes/templates/YOUR_TEMPLATE/templates/tpl_index_categories.php

Right? But no matter I try it things go wonky!

Input, anybody? Bueller? Bueller?

Here are the 3 snippets:

<?php
//BOF :: Tabbed Products Pro ::
require(DIR_WS_MODULES . 'tabbed_products_pro.php');
//EOF :: Tabbed Products Pro ::
?> 

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

<?php
//BOF :: Tabbed Products Pro ::
echo $tabjscript;
//BOF :: Tabbed Products Pro ::
?>

And here is the code from tpl_index_categories.php (I bolded out the place I've been trying to put the snippets):

<?php
/**
 * Page Template
 *
 * Loaded by main_page=index<br />
 * Displays category/sub-category listing<br />
 * Uses tpl_index_category_row.php to render individual items
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_index_categories.php 4678 2006-10-05 21:02:50Z ajeh $
 */
?>
<div class="centerColumn" id="indexCategories">
<?php if ($show_welcome == true) { ?>
<h1 id="indexCategoriesHeading"><?php echo HEADING_TITLE; ?></h1>

<?php if (SHOW_CUSTOMER_GREETING == 1) { ?>
<h2 class="greeting"><?php echo zen_customer_greeting(); ?></h2>
<?php } ?>

<!-- deprecated - to use - uncomment
<?php if (TEXT_MAIN) { ?>
<div id="" class="content"><?php echo TEXT_MAIN; ?></div>
<?php } ?>-->

<!-- deprecated - to use - uncomment
<?php if (TEXT_INFORMATION) { ?>
<div id="" class="content"><?php echo TEXT_INFORMATION; ?></div>
<?php } ?>-->

<?php if (DEFINE_MAIN_PAGE_STATUS >= 1 and DEFINE_MAIN_PAGE_STATUS <= 2) { ?>
<div id="indexCategoriesMainContent" class="content"><?php
/**
 * require the html_define for the index/categories page
 */
  include($define_page);
?></div>
<?php } ?>

<?php } else { ?>
<h1 id="indexCategoriesHeading"><?php echo $breadcrumb->last(); ?></h1>
<?php } ?>

<?php
if (PRODUCT_LIST_CATEGORIES_IMAGE_STATUS_TOP == 'true') {
// categories_image
  if ($categories_image = zen_get_categories_image($current_category_id)) {
?>
<div id="categoryImgListing" class="categoryImg"><?php echo zen_image(DIR_WS_IMAGES . $categories_image, '', SUBCATEGORY_IMAGE_TOP_WIDTH, SUBCATEGORY_IMAGE_TOP_HEIGHT); ?></div>
<?php
  }
} // categories_image
?>

<?php
// categories_description
    if ($current_categories_description != '') {
?>
<div id="categoryDescription" class="catDescContent"><?php echo $current_categories_description;  ?></div>
<?php } // categories_description ?>
<!-- BOF: Display grid of available sub-categories, if any -->
<?php
  if (PRODUCT_LIST_CATEGORY_ROW_STATUS == 0) {
    // do nothing
  } else {
    // display subcategories
/**
 * require the code to display the sub-categories-grid, if any exist
 */
   require($template->get_template_dir('tpl_modules_category_row.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_category_row.php');
  }
?>
<!-- EOF: Display grid of available sub-categories -->
<?php
$show_display_category = $db->Execute(SQL_SHOW_PRODUCT_INFO_CATEGORY);

while (!$show_display_category->EOF) {
  // //  echo 'I found ' . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS);

?>

<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_CATEGORY_FEATURED_PRODUCTS') { ?>
<?php
/**
 * display the Featured Products Center Box
 */
?>
<?php require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php'); ?>
<?php } ?>

<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_CATEGORY_SPECIALS_PRODUCTS') { ?>
<?php
/**
 * display the Special Products Center Box
 */
?>
<?php require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_specials_default.php'); ?>
<?php } ?>

<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_CATEGORY_NEW_PRODUCTS') { ?>
<?php
/**
 * display the New Products Center Box
 */
?>
<?php require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?>
<?php } ?>

<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_CATEGORY_UPCOMING') { ?>
<?php include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS)); ?><?php } ?>
<?php
  $show_display_category->MoveNext();
} // !EOF
?>
</div>

Can somebody take a look and tell me if I'm on the right track? And if so, where should I put the snippets?

Thanks,
Mike