No Tax columns

[kstrong@.....com]

The default Virtuemart checkout template displays a tax column for line item tax display. How do we implement the same in One Page Checkout?

[admin]

hello,
OPC implements tax rows which can be enabled at "Tax and Prices" and "Show dynamic lines" (and disable Show just one tax).

this will display result from each tax per a new line.

if you'd like to display a tax per product at the product lines, VM is not capable of accurately calculating this since if any discount is used, the tax would need to be recalculated and it may not hold the per-item taxes correctly. Also there could be a problem with the display of the tax would not be equal to the total tax calculated due to various rounding rules in each country (tax round up, tax round to closest 5 cents, etc... )

we adjusted your site to display the tax column this way:

updated basket.html.php (on rockettheme blue which is a clone of bandbox themes):

basket.html.php

Code: Select all

<?php
if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
/**
* This is the default Basket Template. Modify as you like.
*
* @version $Id: basket_b2c.html.php 1377 2008-04-19 17:54:45Z gregdev $
* @package VirtueMart
* @subpackage templates
* @copyright Copyright (C) 2004-2005 Soeren Eberhardt. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php
* VirtueMart is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See /administrator/components/com_virtuemart/COPYRIGHT.php for copyright notices and details.
*
* http://virtuemart.net
*/
// remove image wrapper:
$doc = JFactory::getDocument();
if (!VmConfig::get('oncheckout_show_images', true));
$doc->addStyleDeclaration(' div#basket_container div.op_basket_row div.op_col1 { border: none !important; } ');

?>
<div id="basket_container">
<div class="inside">
      <div class="black-basket" >
    <?php
 
  if (!empty($continue_link)) { ?>
  <div id="continue_button"  >
   <input type="button" class="bandBoxStyle" onclick="location.href='<?php echo $continue_link; ?>';" value="<?php echo OPCLang::_('COM_VIRTUEMART_CONTINUE_SHOPPING'); ?>" />
</div>

  <?php } ?>
   
      
      
      
            <div class="col-module_fix" style="float: left;">                                     
            <div class="col-module_content" style="float: left; width: 100%;">
                         

  <div class="op_basket_head">
   
    <div class="op_col2"><?php echo OPCLang::_('COM_VIRTUEMART_CART_NAME') ?></div>
    <div class="op_col3">&nbsp;</div>
    <div class="op_col4 sku_column"><?php echo OPCLang::_('COM_VIRTUEMART_CART_SKU') ?>&nbsp;</div>
    <div class="op_col5 unit_column"><?php echo OPCLang::_('COM_VIRTUEMART_CART_PRICE') ?></div>
    <div class="op_col6"><?php echo OPCLang::_('COM_VIRTUEMART_CART_QUANTITY') ?></div>
    <div class="op_col61"><?php echo JText::_('COM_VIRTUEMART_CART_SUBTOTAL_TAX_AMOUNT'); ?></div>
    <div class="op_col7"><?php echo OPCLang::_('COM_VIRTUEMART_CART_SUBTOTAL') ?></div>
  </div>
<?php


foreach( $product_rows as $product ) {

/*
DEVELOPER INFORMATION
If you need any other specific information about the product being showed in the basket you can use the following variables in the theme:
$product['info'] is an instance of VirtueMartModelProduct->getProduct($product['product_id'], $front=true, $calc=false, $onlypublished=false);

To get instance of the single product information associated with the cart without any extra info, you can use:
$product['product']

All of the variables used in this file are defined in:
\components\com_onepage\helpers\loader.php
Please don't modify loader.php if you plan to update OPC on bug fix releases.

Tested Example to show manufacturer info:


if (!empty($product['info']->virtuemart_manufacturer_id))
{
echo $product['info']->mf_name;
}
*/

$tax = floatval($product['product']->prices['taxAmount']);
$x = $product['product_quantity'];


?>
  <div class="op_basket_row">
   
    <div class="op_col2_2"><?php echo $product['product_name'] . $product['product_attributes'] ?>&nbsp;</div>
    <div class="op_col4 sku_column"><?php echo $product['product_sku'] ?>&nbsp;</div>
    <div class="op_col5 unit_column"><?php echo $product['product_price'] ?>&nbsp;</div>
      <div class="op_col6"><?php echo $product['update_form'] ?>
      <?php echo $product['delete_form']; ?>&nbsp;</div>
      
   <div class="op_col61"><?php echo $currencyDisplay->priceDisplay($x * $tax); ?></div>
   
    <div class="op_col7"><?php echo $product['subtotal'] ?>&nbsp; </div>
  </div>
<?php } ?>
               </div>
            
   <div class = "col-module_fix">         
<?php


echo $op_coupon; // will show coupon if enabled from common/couponField.tpl.php with corrected width to size ?>

<div id="subtotal_box" <?php if(empty($op_coupon)) echo 'style="width:98%;"'; ?>>
<div id="subtotal_head" class="bandBoxStyle"><?php echo OPCLang::_('COM_ONEPAGE_ORDER_SUMMARY'); ?></div>
<div id="subtotal_container">
<!--Begin of SubTotal, Tax, Shipping, Coupon Discount and Total listing -->
<?php if (!empty($shipping_inside_basket))
{
?>
  <div class="op_basket_row" >
    <div class="op_col1">&nbsp;</div>
    <div class="op_col2_3">
    <div><?php echo OPCLang::_('COM_VIRTUEMART_ORDER_PRINT_SHIPPING'); ?></div>
    <div id='shipping_inside_basket'><?php if (!empty($shipping_select)) echo $shipping_select; ?></div></div>
    <div class="op_col5_3"><div id='shipping_inside_basket_cost'></div></div>
  </div>

<?php
}
if (!empty($payment_select))
{
?>
  <div class="op_basket_row" style="display: none;">
    <div class="op_col1"><?php echo OPCLang::_('COM_VIRTUEMART_ORDER_PRINT_PAYMENT_LBL'); ?></div>
    <div class="op_col2_3"><?php echo $payment_select; ?></div>
    <div class="op_col5_3">&nbsp;<span id='payment_inside_basket_cost'></span></div>
  </div>


<?php
}
?>
<div class="op_basket_row" <?php if (empty($discount_before)) echo ' style="display: none;" '; ?> id="tt_order_discount_before_div_basket">
    <div class="op_col1_4" align="right"><?php echo OPCLang::_('COM_ONEPAGE_OTHER_DISCOUNT') ?>:
    </div>
    <div class="op_col5_3" align="right" id="tt_order_discount_before_basket"><?php echo $coupon_display_before ?></div>
  </div>
 
<!--  Coupon display -->
    <div class="op_basket_row" <?php if (empty($discount_after)) echo ' style="display:none;" '; ?> id="tt_order_discount_after_div_basket">
    <div class="op_col1_4" id="tt_order_discount_after_txt_basket" align="right"><?php echo OPCLang::_('COM_VIRTUEMART_COUPON_DISCOUNT') ?>:
    </div>
    <div class="op_col5_3" align="right" id="tt_order_discount_after_basket"><?php echo $coupon_display ?></div>
  </div>
   
  <div class="op_basket_row" id="tt_order_subtotal_div_basket">
    <div class="op_col1_4" id="tt_order_subtotal_txt_basket"><?php echo OPCLang::_('COM_VIRTUEMART_CART_SUBTOTAL') ?>:</div>
   <div class="op_col5_3" id="tt_order_subtotal_basket"><?php echo $subtotal_display ?></div>
  </div>

  <div class="op_basket_row" style="display: none;" id="tt_order_payment_discount_before_div_basket">
    <div class="op_col1_4" id="tt_order_payment_discount_before_txt_basket">:
    </div>
    <div class="op_col5_3" id="tt_order_payment_discount_before_basket"></div>
  </div>

 
  <div class="op_basket_row" style="display: none;" id="tt_order_payment_discount_after_div_basket">
    <div class="op_col1_4" id="tt_order_payment_discount_after_txt_basket">:
    </div>
    <div class="op_col5_3" align="right" id="tt_order_payment_discount_after_basket"></div>
  </div>
 


 
   <div class="op_basket_row totals dynamic_lines"  id="tt_genericwrapper_basket" style="display: none;">
        <div class="op_col1_4 dynamic_col1"   >{dynamic_name}: </div>
        <div class="op_col5_3 dynamic_col2"   >{dynamic_value}</div>
  </div>
 
  <!-- shipping display -->
    <div class="op_basket_row" id="tt_shipping_rate_div_basket" <?php if (($no_shipping == '1') || (!empty($shipping_inside_basket)) || (empty($order_shipping))) echo ' style="display:none;" '; ?>>
   <div class="op_col1_4" align="right"><?php echo OPCLang::_('COM_VIRTUEMART_ORDER_PRINT_SHIPPING') ?>: </div>
   <div class="op_col5_3" align="right" id="tt_shipping_rate_basket"><?php echo $order_shipping; ?></div>
  </div>
  <!-- tax display -->
   <div class="tax_wrapper" style="padding:0; margin:0;">
  <div class="op_basket_row"  id="tt_tax_total_0_div_basket" style="<?php if (empty($tax_display)) echo 'display: none;'; ?>" >
        <div class="op_col1_4" align="right" id="tt_tax_total_0_txt_basket"><?php echo OPCLang::_('COM_VIRTUEMART_ORDER_PRINT_TOTAL_TAX') ?>: </div>
        <div class="op_col5_3" align="right" id="tt_tax_total_0_basket"><?php echo $tax_display ?></div>
  </div>
 

  <div class="op_basket_row">
    <div style="width: 100%; clear: both;">&nbsp;</div>
  </div>
  <div class="op_basket_row" style="border-top: 1px black solid;">
  </div>

  <div class="op_basket_row" id="tt_tax_total_1_div_basket" style="display:none;" >
        <div class="op_col1_4" align="right" id="tt_tax_total_1_txt_basket"><?php echo OPCLang::_('COM_VIRTUEMART_ORDER_PRINT_TOTAL_TAX') ?>: </div>
        <div class="op_col5_3" align="right" id="tt_tax_total_1_basket"><?php echo $tax_display ?></div>
  </div>
  <div class="op_basket_row"  id="tt_tax_total_2_div_basket" style="display:none;" >
        <div class="op_col1_4" align="right" id="tt_tax_total_2_txt_basket"><?php echo OPCLang::_('COM_VIRTUEMART_ORDER_PRINT_TOTAL_TAX') ?>: </div>
        <div class="op_col5_3" align="right" id="tt_tax_total_2_basket"><?php echo $tax_display ?></div>
  </div>
  <div class="op_basket_row" id="tt_tax_total_3_div_basket" style="display:none;" >
        <div class="op_col1_4" align="right" id="tt_tax_total_3_txt_basket"><?php echo OPCLang::_('COM_VIRTUEMART_ORDER_PRINT_TOTAL_TAX') ?>: </div>
        <div class="op_col5_3" align="right" id="tt_tax_total_3_basket"><?php echo $tax_display ?></div>
  </div>
  <div class="op_basket_row" id="tt_tax_total_4_div_basket" style="display:none;" >
        <div class="op_col1_4" align="right" id="tt_tax_total_4_txt_basket"><?php echo OPCLang::_('COM_VIRTUEMART_ORDER_PRINT_TOTAL_TAX') ?>: </div>
        <div class="op_col5_3" align="right" id="tt_tax_total_4_basket"><?php echo $tax_display ?></div>
  </div>
  </div>
      
  <div class="op_basket_row" >
    <div class="op_col1_4" align="right"><?php echo OPCLang::_('COM_VIRTUEMART_ORDER_PRINT_TOTAL') ?>: </div>
    <div class="op_col5_3" align="right" id="tt_total_basket"><strong><?php echo $order_total_display ?></strong></div>
  </div>
</div>

</div>
                     
           
</div>           
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>


adjusted the onepage.css to disable the image column and added the tax column:

Code: Select all

div#basket_container div.op_basket_head div.op_col1 {
   margin:0;
   padding:0;
   float:left;
   
   }
div#basket_container div.op_basket_head div.op_col61 {
   margin:0;
   padding:0;
   float:left;


  margin:0;
padding-top:1%;
padding-bottom:1%;
width: 8%;
float: left;
overflow: visible;
position: relative;
/*padding-left:5px;*/

   }

div#basket_container div.op_basket_head div.op_col2 {

margin:0;
padding:1%;
width: 32%;
float: left;
clear: left;
overflow: visible;
position: relative;
/*padding-left:5px;*/
padding-right: 0;

}
div#basket_container div.op_basket_head div.op_col3 {
   width: 30%;
   float:left;
   margin:0;
   padding:1%;
   position: relative;
   display: none;
}
div#basket_container div.op_basket_head div.op_col4 {
   width: 10%;
   float:left;
   margin:0;
   padding:1%;
   padding-left:0;
   position: relative;
   text-align: center;
   padding-right: 0;
}
div#basket_container div.op_basket_head div.op_col5 {
   width: 10%;
   float:left;
   margin:0;
   padding:1%;
   position: relative;
   text-align: center;
   padding-left:3%;
   padding-right: 0;

}
div#basket_container div.op_basket_head div.op_col6 {
   float:left;
   width: 15%;
   margin:0;
   padding:1% 1% 1% 2%;
   padding-right:0;
   position: relative;
   padding-right: 0;
}
div#basket_container div.op_basket_head div.op_col7 {
   float:left;
   width: 15%;
   margin:0;
   padding:1%;
   padding-right:0;
   position: relative;
   text-align:right;
   padding-right: 0;
}


#basket_container .black-basket .col-module_content div.op_basket_row {
padding: 20px;
padding-left: 5px;
margin: auto;
margin-bottom:5px;
margin-top: 20px;
height: 35px;
position:relative;
}


div#basket_container div.op_basket_row div.op_col1 {
width: 10%;
float: left;
overflow: visible;
position: relative;

margin-bottom:10px;
}
div#basket_container div.op_basket_row div.op_col61 {
width: 10%;
float: left;
overflow: visible;
/*
border-width: 1px;
border-style: solid;
border-color: #d3d3d3;
*/
clear:none;
margin-bottom:10px;
}

div#basket_container div.op_basket_row div.op_col2 {
width: 30%;
float: left;
clear: left;
overflow: visible;
padding-left: 10px;

border-width: 1px;
border-style: solid;
border-color: #d3d3d3;
clear:left;

}
div#basket_container div.op_basket_row div.op_col3 {
width: 10%;
float: left;
overflow: visible;
}
div#basket_container div.op_basket_row div.op_col4 {
width: 10%;
float: left;
overflow: visible;
}
div#basket_container div.op_basket_row div.op_col5 {
width: 10%;
float: left;
overflow: visible;
text-align: right;
color:#484848;
padding-right: 10px;
}
div#basket_container div.op_basket_row div.op_col6 {
width: 17%;
float: left;
overflow: visible;
padding-left: 10px;
}
div#basket_container div.op_basket_row div.op_col6 form {
float: left;
width: 100%;
}
div#basket_container div.op_basket_row div.op_col6 form input {
float: left !important;
}

div#basket_container div.op_basket_row div.op_col7 div.PricesalesPrice {
text-align: right;
}

div#basket_container div.op_basket_row div.op_col7 {
width: 15%;
float: left;
text-align: right;
overflow: visible;
}
div#basket_container div.op_basket_row div.op_col1_4 {
width: 58%;
float: left;
text-align: left;
color:#484848;
overflow: visible;
}
div#basket_container div.op_basket_row div.op_col5_3 {
width: 39%;
float: left;
text-align: right;
overflow: visible;
color:#484848;
}
div#basket_container div.op_basket_row div.op_col2_2 {
width: 32%;
float: left;
overflow: visible;
padding-left: 1%;
color:#484848;
clear: left;
}
div#basket_container div.op_basket_row div.op_col2_2 div span{
padding:0;
width:100%;
}
div#basket_container div.op_basket_row div.op_col2_3 {
width: 50%;
float: left;
overflow: visible;
color:#484848;
}


best regards, stan