product info display layout

**Jerry5763837** · 28 Sep 2008, 04:33 PM

HI, everyone,

really need great help!

my product_info_page at http://www.topalways.com/watch-cell-...-fre-p-60.html looks very urgly.
and i want to change it as follows:
to make ask a question/tell a friend/write a review in same colomn, and add to cart in the middle.
please see attached picture:

thanks very much in advance.

tpl_product_info_display.php code:

Code:

<?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 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 -->



<!--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-->



<!--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-->



<!--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 Quantity Discounts table -->
<div id="QuantityDiscountsBox">
<?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

  }

?>

<!--<img src="../includes/templates/glacial_age/images/site_certify.png" float="right">-->
</div>
<!--eof Quantity Discounts table -->


<!--bof ask a question -->

   <?php echo '<a href="' . zen_href_link(FILENAME_ASK_A_QUESTION, 'products_id=' . $_GET['products_id']) . '">' . ASK_A_QUESTION . '</a>'; ?>
   
   

   <div id="askQuestion" class="biggerText">
   <?php echo '<a href="' . zen_href_link(FILENAME_ASK_A_QUESTION, 'products_id='
   . $_GET['products_id']) . '">' .
   zen_image_button(BUTTON_IMAGE_ASK_A_QUESTION, BUTTON_ASK_A_QUESTION_ALT) .
   '</a>'; ?></div>
   
  
  
<!--eof ask a question -->
</br>
<!--bof Tell a Friend button -->

<?php

  if ($flag_show_product_info_tell_a_friend == 1) { ?>

<div id="productTellFriendLink" class="buttonRow forward"><?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 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="floatingBox back">

  <?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 -->
<!--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" class="buttonRow back"><?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>'; ?></div>

<br class="clearBoth" />

<p class="reviewCount"><?php echo ($flag_show_product_info_reviews_count == 1 ? TEXT_CURRENT_REVIEWS . ' ' . $reviews->fields['count'] : ''); ?></p>

<?php } else { ?>

<div id="productReviewLink" class="buttonRow back"><?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

  }

}

?>

<!--eof Reviews button and count -->

<!--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-->
<!--bof free ship icon  -->

<?php if(zen_get_product_is_always_free_shipping($products_id_current) && $flag_show_product_info_free_shipping) { ?>

<div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div>

<?php } ?>

<!--eof free ship icon  -->

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

 <!--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 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="floatingBox back">

  <?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>

<br class="clearBoth" />

<?php

  }

?>

<!--eof Product details list -->



<!--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 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 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" class="buttonRow back"><?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>'; ?></div>

<br class="clearBoth" />

<p class="reviewCount"><?php echo ($flag_show_product_info_reviews_count == 1 ? TEXT_CURRENT_REVIEWS . ' ' . $reviews->fields['count'] : ''); ?></p>

<?php } else { ?>

<div id="productReviewLink" class="buttonRow back"><?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

  }

}

?>

<!--eof Reviews button and count -->
<!--bof Tell a Friend button -->

<?php

  if ($flag_show_product_info_tell_a_friend == 1) { ?>

<div id="productTellFriendLink" class="buttonRow forward"><?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 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 ::
?>

and this is my stylesheet.css code:

Code:

#mainProductBox {
margin: 0 auto;
padding: 0;

}


#imagebox {
margin:0;
padding:0;
width:auto;
float:left;
}
#productMainImage {
margin:1.5em 2em 0em 1em;
float:left;
padding:2px;
}
#productbox {
margin:0;
padding:0;
width:90%;
float:right;

}

h1#productName {
margin:0;
padding:0;
font-weight:bold;
font-size:1.2em;
text-align:left;
line-height:1.5em;
}
#productDescription {
margin:0;
padding:0 0 2px 0;
line-height:1.2em;
}
#productPrices {
margin:0;
padding: 15px 0;
font-weight:bold;
font-size:1.3em;
color:#a52a2a;
text-align:left;
}
#productDetailsList {
margin: 0;
padding:0;
list-style: none;
line-height:1.5em;
margin-left:10px;

}
#productDetailsList ul {
margin: 0;
padding:0;
list-style: none;
}
#productDetailsList ul li {
padding:3px 0 3px 3px;
}
#freeShippingIcon {
width:50%;
height:54px;
}
#productPurchaseBox {
	margin: 0 auto;
}
#buybox {
margin:0;
padding:3px;
width:45%;
text-align:center;
float:right;
}
.wrapperAttribsOptions {
margin:0.3em 0;
text-align:left;
}
#attribsOptionsText {
margin:0;
padding:0.5em 5px;
text-align:center;
}
.optionName {
margin:0;
color:#580c84;
font-weight:700;
padding-left:3px;
text-align:left;
width:11em;
}
#cartAdd {
margin:1em;
padding:3px;
font-size:1em;
text-align:center;
background:#cacaca;
}
#cartImage {
margin:0.5em 1em;
}

#QuantityDiscountsBox {
margin: 0 20px 0 0;

float:right;	
}
#askQuestion  {
float: right;
}
#TellaFriend  {
float: right;

}

**Jerry5763837** · 29 Sep 2008, 02:46 PM

Originally Posted by Jerry5763837

HI, everyone,

really need great help!

my product_info_page at http://www.topalways.com/watch-cell-...-fre-p-60.html looks very urgly.
and i want to change it as follows:
to make ask a question/tell a friend/write a review in same colomn, and add to cart in the middle.
please see attached picture:

thanks very much in advance.

tpl_product_info_display.php code:

Code:

<?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 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 -->



<!--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-->



<!--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-->



<!--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 Quantity Discounts table -->
<div id="QuantityDiscountsBox">
<?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

  }

?>

<!--<img src="../includes/templates/glacial_age/images/site_certify.png" float="right">-->
</div>
<!--eof Quantity Discounts table -->


<!--bof ask a question -->

   <?php echo '<a href="' . zen_href_link(FILENAME_ASK_A_QUESTION, 'products_id=' . $_GET['products_id']) . '">' . ASK_A_QUESTION . '</a>'; ?>
   
   

   <div id="askQuestion" class="biggerText">
   <?php echo '<a href="' . zen_href_link(FILENAME_ASK_A_QUESTION, 'products_id='
   . $_GET['products_id']) . '">' .
   zen_image_button(BUTTON_IMAGE_ASK_A_QUESTION, BUTTON_ASK_A_QUESTION_ALT) .
   '</a>'; ?></div>
   
  
  
<!--eof ask a question -->
</br>
<!--bof Tell a Friend button -->

<?php

  if ($flag_show_product_info_tell_a_friend == 1) { ?>

<div id="productTellFriendLink" class="buttonRow forward"><?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 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="floatingBox back">

  <?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 -->
<!--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" class="buttonRow back"><?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>'; ?></div>

<br class="clearBoth" />

<p class="reviewCount"><?php echo ($flag_show_product_info_reviews_count == 1 ? TEXT_CURRENT_REVIEWS . ' ' . $reviews->fields['count'] : ''); ?></p>

<?php } else { ?>

<div id="productReviewLink" class="buttonRow back"><?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

  }

}

?>

<!--eof Reviews button and count -->

<!--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-->
<!--bof free ship icon  -->

<?php if(zen_get_product_is_always_free_shipping($products_id_current) && $flag_show_product_info_free_shipping) { ?>

<div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div>

<?php } ?>

<!--eof free ship icon  -->

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

 <!--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 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="floatingBox back">

  <?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>

<br class="clearBoth" />

<?php

  }

?>

<!--eof Product details list -->



<!--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 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 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" class="buttonRow back"><?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>'; ?></div>

<br class="clearBoth" />

<p class="reviewCount"><?php echo ($flag_show_product_info_reviews_count == 1 ? TEXT_CURRENT_REVIEWS . ' ' . $reviews->fields['count'] : ''); ?></p>

<?php } else { ?>

<div id="productReviewLink" class="buttonRow back"><?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

  }

}

?>

<!--eof Reviews button and count -->
<!--bof Tell a Friend button -->

<?php

  if ($flag_show_product_info_tell_a_friend == 1) { ?>

<div id="productTellFriendLink" class="buttonRow forward"><?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 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 ::
?>

and this is my stylesheet.css code:

Code:

#mainProductBox {
margin: 0 auto;
padding: 0;

}


#imagebox {
margin:0;
padding:0;
width:auto;
float:left;
}
#productMainImage {
margin:1.5em 2em 0em 1em;
float:left;
padding:2px;
}
#productbox {
margin:0;
padding:0;
width:90%;
float:right;

}

h1#productName {
margin:0;
padding:0;
font-weight:bold;
font-size:1.2em;
text-align:left;
line-height:1.5em;
}
#productDescription {
margin:0;
padding:0 0 2px 0;
line-height:1.2em;
}
#productPrices {
margin:0;
padding: 15px 0;
font-weight:bold;
font-size:1.3em;
color:#a52a2a;
text-align:left;
}
#productDetailsList {
margin: 0;
padding:0;
list-style: none;
line-height:1.5em;
margin-left:10px;

}
#productDetailsList ul {
margin: 0;
padding:0;
list-style: none;
}
#productDetailsList ul li {
padding:3px 0 3px 3px;
}
#freeShippingIcon {
width:50%;
height:54px;
}
#productPurchaseBox {
	margin: 0 auto;
}
#buybox {
margin:0;
padding:3px;
width:45%;
text-align:center;
float:right;
}
.wrapperAttribsOptions {
margin:0.3em 0;
text-align:left;
}
#attribsOptionsText {
margin:0;
padding:0.5em 5px;
text-align:center;
}
.optionName {
margin:0;
color:#580c84;
font-weight:700;
padding-left:3px;
text-align:left;
width:11em;
}
#cartAdd {
margin:1em;
padding:3px;
font-size:1em;
text-align:center;
background:#cacaca;
}
#cartImage {
margin:0.5em 1em;
}

#QuantityDiscountsBox {
margin: 0 20px 0 0;

float:right;	
}
#askQuestion  {
float: right;
}
#TellaFriend  {
float: right;

}

Anyone?? your great help would be highly appreciated.
thanks.

**fairestcape** · 29 Sep 2008, 02:49 PM

You appear to know what you're doing... so why not have a go yourself

(Seems to me that you're hoping to solicit some free design consultancy... I doubt whether anyone will take the bait!)

**Jerry5763837** · 29 Sep 2008, 04:36 PM

Originally Posted by fairestcape

You appear to know what you're doing... so why not have a go yourself

(Seems to me that you're hoping to solicit some free design consultancy... I doubt whether anyone will take the bait!)

HI, fairestcape,

seems that i know where i should to change & control.
but i tried many times, seems that it can not be controlled as desired.
can you please check my site at http://www.topalways.com/watch-cell-...-fre-p-60.html your great suggestion would be great appreciated. thanks.

**fairestcape** · 29 Sep 2008, 04:46 PM

Why don't you PM Clyde Jones? He's the author of Glacial Age template.

**misty** · 29 Sep 2008, 04:57 PM

Clyde has other mods for moving product info page around
i.e.
http://mysticmountainnaturals.com/te...ex&cPath=15_13

**fairestcape** · 29 Sep 2008, 05:07 PM

Again, Misty comes to my rescue!

Thread: product info display layout

Thread Tools

Search Thread

Display

product info display layout

Re: product info display layout

Re: product info display layout

Re: product info display layout

Re: product info display layout

Re: product info display layout

Re: product info display layout

Similar Threads

tpl product info display: changing product info

Display info on product info related with the category

Layout of Product info display

Product Info Display in FireFox missing a lot of info

Posting Permissions