Tabbed Products Pro (TPP) Contrib - Official Thread

[dave_nextexit]

You should be able to move the Add to Cart very easily.

If you haven't done so already, be sure to copy the templates/template_default/tpl_product_info_display.php to your template override folder before making any changes to it.

Find the (around line 88 in the original Zen Cart 1.3.8)

<!--bof Add to Cart Box -->
<?php
if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {
  // do nothing
} else {
?>
            <?php
    $display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '');
            if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) {
              // hide the quantity box and default to 1
              $the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
            } else {
              // show the quantity box
    $the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '<br />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
            }
    $display_button = zen_get_buy_now_button($_GET['products_id'], $the_button);
  ?>
  <?php if ($display_qty != '' or $display_button != '') { ?>
    <div id="cartAdd">
    <?php
      echo $display_qty;
      echo $display_button;
            ?>
          </div>
  <?php } // display qty and button ?>
<?php } // CUSTOMERS_APPROVAL == 3 ?>
<!--eof Add to Cart Box-->

cut and past it after

<!--eof free ship icon  -->

or play around with where you want it to go.

You can turn Add To Cart off in the TPP configuration

Hope this helps

Thanks Shocker, I got it...I was editing the wrong tpl_product_info_display.php file (wrong location). One of those things I probably spent too much time on yesterday and came back to and got it right away. Thanks guys for your help!

[gsdcypher]

I've almost got it worked out. It doesn't display quite right... the box surrounding the attributes is cutoff on the right side. Anyone know how to fix that?

And I am getting the larger image link duplicated under my reviews tab??? Anyone know how to fix that???

Thanks.

Here is the code:

 
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_product_info_display.php 5369 2006-12-23 10:55:52Z drbyte $
 */
 //require(DIR_WS_MODULES . '/debug_blocks/product_info_prices.php');
?>
<?php 
//BOF :: Tabbed Products Pro ::
require(DIR_WS_MODULES . 'tabbed_products_pro.php');
//EOF :: Tabbed Products Pro ::
?>
<div class="centerColumn" id="productGeneral">
<!--bof Form start-->
<?php echo zen_draw_form('cart_quantity', zen_href_link(zen_get_info_page($_GET['products_id']), zen_get_all_get_params(array('action')) . 'action=add_product'), 'post', 'enctype="multipart/form-data"') . "\n"; ?>
<!--eof Form start-->
<?php if ($messageStack->size('product_info') > 0) echo $messageStack->output('product_info'); ?>
<!--bof Category Icon -->
<?php if ($module_show_categories != 0) {?>
<?php
/**
 * display the category icons
 */
require($template->get_template_dir('/tpl_modules_category_icon_display.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_category_icon_display.php'); ?>
<?php } ?>
<!--eof Category Icon -->
 */
  require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
<?php
  }
?>
<!--eof Attributes Module -->
<!--bof Product description -->
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
<?php } ?>
<!--eof Product description -->
<br class="clearBoth" />
<!--bof Add to Cart Box -->
<?php
if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {
  // do nothing
} else {
?>
  <?php if ($display_qty != '' or $display_button != '') { ?>
    <div id="cartAdd">
    <?php
      echo $display_qty;
      echo $display_button;
            ?>
          </div>
  <?php } // display qty and button ?>
<?php } // CUSTOMERS_APPROVAL == 3 ?>
<!--eof Add to Cart Box-->
</td></tr></table>

<!--bof Quantity Discounts table -->
<?php
  if ($products_discount_type != 0) { ?>
<?php
 require($template->get_template_dir('/tpl_modules_products_quantity_discounts.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_products_quantity_discounts.php'); ?>
<?php
  }
?>
<!--eof Quantity Discounts table -->
<!--bof Additional Product Images -->
<?php
/**
 * display the products additional images
 */
  require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>
<!--eof Additional Product Images -->
<?php 
//BOF :: Tabbed Products Pro ::
echo '<div id="tpptabBlock" style="display:none;">' . $tabData . '</div>';
//EOF :: Tabbed Products Pro ::
?>

<!--bof Prev/Next bottom position -->
<?php if (PRODUCT_INFO_PREVIOUS_NEXT == 2 or PRODUCT_INFO_PREVIOUS_NEXT == 3) { ?>
<?php
/**
 * display the product previous/next helper
<br class="clearBoth" />
<?php
  }
}
?>
<!--eof Reviews button and count -->
<!--bof Product date added/available-->
<?php
  if ($products_date_available > date('Y-m-d H:i:s')) {
    if ($flag_show_product_info_date_available == 1) {
?>
<?php require($template->get_template_dir('tpl_modules_also_purchased_products.php', DIR_WS_TEMPLATE, $current_page_base,'templates'). '/' . 'tpl_modules_also_purchased_products.php');?>
<!--eof also purchased products module-->
<!--bof Form close-->
</form>
<!--bof Form close-->
</div>
<?php 
//BOF :: Tabbed Products Pro ::
echo $tabjscript;
//BOF :: Tabbed Products Pro ::
?>

[gsdcypher]

Ok that last bit of code was pretty messed up. Below is a better copy. And here is a link to temp page with problems:
http://www.allk-9.com/test/service-d...ness-p-71.html

1) I would like to move the "add to cart" inside the attributes box (just below the last attribute).

2) The tab/description area is too narrow, I would like that to expand across the middle.

3) I have the larger image link duplicated in the reviews tab. I would like to remove that.

Hope someone can help.

Thanks.


Here is a better copy:

 
<?php
/**
 * Page Template
 *
 * Loaded automatically by index.php?main_page=product_info.<br />
 * Displays details of a typical product
 *
 * @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_product_info_display.php 3435 2006-04-14 03:42:46Z ajeh $
 */
 //require(DIR_WS_MODULES . '/debug_blocks/product_info_prices.php');
?>
<?php 
//BOF :: Tabbed Products Pro ::
require(DIR_WS_MODULES . 'tabbed_products_pro.php');
//EOF :: Tabbed Products Pro ::
?>
<div class="centerColumn" id="productGeneral">
  <!--bof Form start-->
  <?php echo zen_draw_form('cart_quantity', zen_href_link(zen_get_info_page($_GET['products_id']), zen_get_all_get_params(array('action')) . 'action=add_product'), 'post', 'enctype="multipart/form-data"') . "\n"; ?>
  <!--eof Form start-->
  <?php if ($messageStack->size('product_info') > 0) echo $messageStack->output('product_info'); ?>
  <!--bof Category Icon -->
  <?php if ($module_show_categories != 0) {?>
  <?php
/**
 * display the category icons
 */
require($template->get_template_dir('/tpl_modules_category_icon_display.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_category_icon_display.php'); ?>
  <?php } ?>
  <!--eof Category Icon -->
  
  <!--bof Prev/Next top position -->
  <?php if (PRODUCT_INFO_PREVIOUS_NEXT == 1 or PRODUCT_INFO_PREVIOUS_NEXT == 3) { ?>
  <?php
/**
 * display the product previous/next helper
 */
require($template->get_template_dir('/tpl_products_next_previous.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_products_next_previous.php'); ?>
  <?php } ?>
  <!--eof Prev/Next top position-->
  <?php echo '<div id="leftFloat"' . ' style="width:' . (MEDIUM_IMAGE_WIDTH + 40) . 'px">'; ?>
<!--bof Main Product Image -->
  <?php
  if (zen_not_null($products_image)) {
  ?>
  <?php
/**
 * display the main product image
 */
   require($template->get_template_dir('/tpl_modules_main_product_image.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_main_product_image.php'); ?>
  <?php
  }
?>
  <!--eof Main Product Image-->
  <div id="friendReview">
  <!--bof Tell a Friend button -->
  <?php
  if ($flag_show_product_info_tell_a_friend == 1) { ?>
  <div id="productTellFriendLink"><?php echo ($flag_show_product_info_tell_a_friend == 1 ? '<a href="' . zen_href_link(FILENAME_TELL_A_FRIEND, 'products_id=' . $_GET['products_id']) . '">' . zen_image_button(BUTTON_IMAGE_TELLAFRIEND, BUTTON_TELLAFRIEND_ALT) . '</a>' : ''); ?></div>
  <?php
  }
?>
  <!--eof Tell a Friend button -->
  <!--bof Reviews button and count-->
  <?php
  if ($flag_show_product_info_reviews == 1) {
    // if more than 0 reviews, then show reviews button; otherwise, show the "write review" button
    if ($reviews->fields['count'] > 0 ) { ?>
  <div id="productReviewLink"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS, zen_get_all_get_params()) . '">' . zen_image_button(BUTTON_IMAGE_REVIEWS, BUTTON_REVIEWS_ALT) . '</a>'; ?><p class="reviewCount"><?php echo ($flag_show_product_info_reviews_count == 1 ? TEXT_CURRENT_REVIEWS . ' ' . $reviews->fields['count'] : ''); ?></p></div>
  <?php } else { ?>
  <div id="productReviewLink"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS_WRITE, zen_get_all_get_params(array())) . '">' . zen_image_button(BUTTON_IMAGE_WRITE_REVIEW, BUTTON_WRITE_REVIEW_ALT) . '</a>'; ?></div>
  <?php
  }
}
?></div>
  <!--eof Reviews button and count -->
  <br style="clear:left" />
<?php 
//BOF :: Tabbed Products Pro ::
echo '<div id="tpptabBlock" style="display:none;">' . $tabData . '</div>';
//EOF :: Tabbed Products Pro ::
?>
   <br class="clearBoth" />
   </div> <!-- end of leftFloat -->
  <div id="rightFloat">
  <!--bof Product Name-->
  <h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1>
  <!--eof Product Name-->
  <!--bof Product Price block -->
  <h2 id="productPrices" class="productGeneral">
    <?php
// base price
  if ($show_onetime_charges_description == 'true') {
    $one_time = '<span >' . TEXT_ONETIME_CHARGE_SYMBOL . TEXT_ONETIME_CHARGE_DESCRIPTION . '</span><br />';
  } else {
    $one_time = '';
  }
  echo $one_time . ((zen_has_product_attributes_values((int)$_GET['products_id']) and $flag_show_product_info_starting_at == 1) ? TEXT_BASE_PRICE : '') . zen_get_products_display_price((int)$_GET['products_id']);
?>
  </h2>
  <!--eof Product Price block -->
  
  <!--bof free ship icon  -->
  <?php if(zen_get_product_is_always_free_shipping($products_id_current)) { ?>
  <div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div>
  <?php } ?>
  <!--eof free ship icon  -->
  <!--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">
    <?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 -->
  <br class="clearBoth" />
  <!--bof Attributes Module -->
  <?php
  if ($pr_attr->fields['total'] > 0) {
?>
  <?php
/**
 * display the product atributes
 */
  require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
  <?php
  }
?>
  <!--eof Attributes Module -->
  <!--bof Add to Cart Box -->
  <?php
if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {
  // do nothing
} else {
?>
  <?php
    $display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '');
            if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) {
              // hide the quantity box and default to 1
              $the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
            } else {
              // show the quantity box
    $the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="2" />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
            }
    $display_button = zen_get_buy_now_button($_GET['products_id'], $the_button);
 
  ?>  
  <?php if ($display_qty != '' or $display_button != '') { ?>
  <div id="cartAdd">
    <?php
      echo $display_qty;
      echo $display_button;
            ?>
   <?php 
?>
  </div>
  <?php } // display qty and button ?>
  <?php } // CUSTOMERS_APPROVAL == 3 ?>
  <!--eof Add to Cart Box-->

  </div> <!-- end of rightFloat -->
  <!--bof Product description -->
    <br class="clearBoth" />
  <?php if ($products_description != '') { ?>
  <div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
  <?php } ?>
  <!--eof Product description -->
    
  <br class="clearBoth" />
  <!--bof Quantity Discounts table -->
  <?php
  if ($products_discount_type != 0) { ?>
  <?php
/**
 * display the products quantity discount
 */
 require($template->get_template_dir('/tpl_modules_products_quantity_discounts.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_products_quantity_discounts.php'); ?>
  <?php
  }
?>
  <!--eof Quantity Discounts table -->
  
  <!--bof Additional Product Images -->
  <?php
/**
 * display the products additional images
 */
  require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>
  <!--eof Additional Product Images -->
  
  <!--bof Prev/Next bottom position -->
  <?php if (PRODUCT_INFO_PREVIOUS_NEXT == 2 or PRODUCT_INFO_PREVIOUS_NEXT == 3) { ?>
  <?php
/**
 * display the product previous/next helper
 */
 require($template->get_template_dir('/tpl_products_next_previous.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_products_next_previous.php'); ?>
  <?php } ?>
  <!--eof Prev/Next bottom position -->
  
  <!--bof Product date added/available-->
  <?php
  if ($products_date_available > date('Y-m-d H:i:s')) {
    if ($flag_show_product_info_date_available == 1) {
?>
  <p id="productDateAvailable" class="productGeneral centeredContent"><?php echo sprintf(TEXT_DATE_AVAILABLE, zen_date_long($products_date_available)); ?></p>
  <?php
    }
  } else {
    if ($flag_show_product_info_date_added == 1) {
?>
  <p id="productDateAdded" class="productGeneral centeredContent"><?php echo sprintf(TEXT_DATE_ADDED, zen_date_long($products_date_added)); ?></p>
  <?php
    } // $flag_show_product_info_date_added
  }
?>
  <!--eof Product date added/available -->
  
  <!--bof Product URL -->
  <?php
  if (zen_not_null($products_url)) {
    if ($flag_show_product_info_url == 1) {
?>
  <p id="productInfoLink" class="productGeneral centeredContent"><?php echo sprintf(TEXT_MORE_INFORMATION, zen_href_link(FILENAME_REDIRECT, 'action=url&goto=' . urlencode($products_url), 'NONSSL', true, false)); ?></p>
  <?php
    } // $flag_show_product_info_url
  }
?>
  <!--eof Product URL -->
  
  <!--bof also purchased products module-->
  <?php require($template->get_template_dir('tpl_modules_also_purchased_products.php', DIR_WS_TEMPLATE, $current_page_base,'templates'). '/' . 'tpl_modules_also_purchased_products.php');?>
  <!--eof also purchased products module-->
  
  <!--bof Form close-->
  </form>
  <!--bof Form close-->
</div>
<?php 
//BOF :: Tabbed Products Pro ::
echo $tabjscript;
//BOF :: Tabbed Products Pro ::
?>

[qhome]

Ok that last bit of code was pretty messed up. Below is a better copy. And here is a link to temp page with problems:
http://www.allk-9.com/test/service-d...ness-p-71.html

1) I would like to move the "add to cart" inside the attributes box (just below the last attribute).

This can't really be done the way you have it. As the attribs module is a different module than the add to cart module. Zen-cart is modular. You need to remove the border around the attrib box, and then wrap the attrib and add to cart stuff in another div and put the box around that.

2) The tab/description area is too narrow, I would like that to expand across the middle.

Try the new version v1.02 from a few days ago. You can get it here

3) I have the larger image link duplicated in the reviews tab. I would like to remove that.

Not sure why you have that. Tho perhaps the new TPP will fix that.

[audradh]

I think my post got buried, so I'm going to ask again. I apologize if I'm being presumptive.

I have added a custom field to my product layout, called product_size
It is a simple text field. I would like to include it on the tabs, but I'm not sure how to identify and call it onto a tab. I wouldn't mind wrapping it into the product details if that were the easiest way to handle it, but I'm not sure how to do that either

Any thoughts to get me started?

Audra

[qhome]

I wouldn't mind wrapping it into the product details if that were the easiest way to handle it, but I'm not sure how to do that either

Any thoughts to get me started?

Audra

That would be the easiest way. Unfortunately zen-cart didn't make the Product Details into its own module, so I had to clone the raw code in TPP. You will need to edit /includes/modules/tabbed_products_pro.php file and find

$fmtDOT .= '</ul>';

Before that code, you can add your product size there. Follow the pattern of the other details there.

[gsdcypher]

qhome,

Thanks for the replies. Your newest version 1.02 seems to have fixed everything. Very cool.

Thanks.

[gsdcypher]

qhome,

Could you elaborate just a bit more on this?

This can't really be done the way you have it. As the attribs module is a different module than the add to cart module. Zen-cart is modular. You need to remove the border around the attrib box, and then wrap the attrib and add to cart stuff in another div and put the box around that.

I have the add to cart button displayed under the attributes (which is the main thing I wanted do do). But now how would I align the add to cart quantity and button to the left? I tried wrapping the add to cart section on tpl_product_info_display in a div align left, but that didn't have any effect.

Thanks.

[qhome]

qhome,

Could you elaborate just a bit more on this?



I have the add to cart button displayed under the attributes (which is the main thing I wanted do do). But now how would I align the add to cart quantity and button to the left? I tried wrapping the add to cart section on tpl_product_info_display in a div align left, but that didn't have any effect.

Thanks.

The add to cart css code has it set to "float:right" You'd need to change that to "float:left" to start I think.

[zafer]

Hello

How to add "Product notifications" logo to review tab?

thank you

Zafer
[email protected]