X-Cart forums

[Sisom]

I've added a class to each <td> element in modules/Fast_Lane_Checkout/customer_details_html.tpl, so that you can more clearly separate the label and the information, such as

Title Mr
First name John
Last name Smith
etc.

Which I think is clearer than:

Title Mr
First name John
Last name Smith



I edited modules/Fast_Lane_Checkout/customer_details_html.tpl
as follows: (you can cut and paste the entire thing into customer_details_html.tpl, as the only changes I have made are to change the <td> tags to <td class="customerdetails1"> and <td class="customerdetails2">

You can then target the left and right table data cells with CSS, so you might want to put a different coloured background on each, or a background image, etc.

{*
$Id: customer_details_html.tpl,v 1.10 2009/04/18 06:33:05 max Exp $
vim: set ts=2 sw=2 sts=2 et:
*}

<div class="flc-checkout-address-left">

  {include file="customer/subheader.tpl" title=$lng.lbl_contact_information class="grey"}

  <table cellspacing="0" class="flc-checkout-address" summary="{$lng.lbl_contact_information|escape}">
  <tr class="hidden"><td colspan="2">&nbsp;</td></tr>
{if $userinfo.default_fields.title}
    <tr>
      <td class="customerdetails1">{$lng.lbl_title}:</td>
      <td class="customerdetails2">{$userinfo.title}</td>
    </tr>
{/if}

{if $userinfo.default_fields.firstname}
    <tr>
      <td class="customerdetails1">{$lng.lbl_first_name}:</td>
      <td class="customerdetails2">{$userinfo.firstname}</td>
    </tr>
{/if}

{if $userinfo.default_fields.lastname}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_last_name}:</td>
      <td class="customerdetails2">{$userinfo.lastname}</td>
    </tr>
{/if}

{if $userinfo.default_fields.company}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_company}:</td>
      <td class="customerdetails2">{$userinfo.company}</td>
    </tr>
{/if}

{if $userinfo.default_fields.tax_number}
    <tr>
      <td class="customerdetails1">{$lng.lbl_tax_number}:</td>
      <td class="customerdetails2">{$userinfo.tax_number}</td>
    </tr>
{/if}

{if $userinfo.default_fields.phone}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_phone}:</td>
      <td class="customerdetails2">{$userinfo.phone}</td>
    </tr>
{/if}

{if $userinfo.default_fields.fax}
    <tr>  
      <td class="customerdetails1">{$lng.lbl_fax}:</td>
      <td class="customerdetails2">{$userinfo.fax}</td>
    </tr>
{/if}

{if $userinfo.default_fields.email}
    <tr>   
      <td class="customerdetails1">{$lng.lbl_email}:</td>
      <td class="customerdetails2">{$userinfo.email}</td>
    </tr>
{/if}

{if $userinfo.default_fields.url}
    <tr>   
      <td class="customerdetails1">{$lng.lbl_web_site}:</td>
      <td class="customerdetails2">{$userinfo.url}</td>
    </tr>
{/if}

{foreach from=$userinfo.additional_fields item=v}
{if $v.section eq 'C' || $v.section eq 'P'}
    <tr>
      <td class="customerdetails1">{$v.title}:</td>
      <td class="customerdetails2">{$v.value}</td>
    </tr>
{/if}
{/foreach}

  </table>
</div>
<div class="clearing"></div>

<div class="flc-checkout-address-left">
  {include file="customer/subheader.tpl" title=$lng.lbl_billing_address class="grey"}

  <table cellspacing="0" class="flc-checkout-address" summary="{$lng.lbl_billing_address|escape}">
  <tr class="hidden"><td colspan="2">&nbsp;</td></tr>
{if $userinfo.default_fields.b_title}
    <tr>
      <td class="customerdetails1">{$lng.lbl_title}:</td>
      <td class="customerdetails2">{$userinfo.b_title}</td>
    </tr>
{/if}

{if $userinfo.default_fields.b_firstname}
    <tr>
      <td class="customerdetails1">{$lng.lbl_first_name}:</td>
      <td class="customerdetails2">{$userinfo.b_firstname}</td>
    </tr>
{/if}

{if $userinfo.default_fields.b_lastname}
    <tr>
      <td class="customerdetails1">{$lng.lbl_last_name}:</td>
      <td class="customerdetails2">{$userinfo.b_lastname}</td>
    </tr>
{/if}

{if $userinfo.default_fields.b_address}
    <tr>
      <td class="customerdetails1">{$lng.lbl_address}:</td>
      <td class="customerdetails2">
        {$userinfo.b_address}
{if $userinfo.b_address_2}
        <br />{$userinfo.b_address_2}
{/if}
      </td>
    </tr>
{/if}

{if $userinfo.default_fields.b_city}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_city}:</td>
      <td class="customerdetails2">{$userinfo.b_city}</td>
    </tr>
{/if}

{if $userinfo.default_fields.b_state}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_state}:</td>
      <td class="customerdetails2">{$userinfo.b_statename}</td>
    </tr>
{/if}

{if $userinfo.default_fields.b_country}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_country}:</td>
      <td class="customerdetails2">{$userinfo.b_countryname}</td>
    </tr>
{/if}

{if $userinfo.default_fields.b_zipcode}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_zip_code}:</td>
      <td class="customerdetails2">{$userinfo.b_zipcode}</td>
    </tr>
{/if}

{foreach from=$userinfo.additional_fields item=v}
{if $v.section eq 'B'}
    <tr>
      <td class="customerdetails1">{$v.title}:</td>
      <td class="customerdetails2">{$v.value}</td>
    </tr>
{/if}
{/foreach}

  </table>
</div>

<div class="flc-checkout-address-right">
  {include file="customer/subheader.tpl" title=$lng.lbl_shipping_address class="grey"}

  <table cellspacing="0" class="flc-checkout-address" summary="{$lng.lbl_shipping_address|escape}">
  <tr class="hidden"><td colspan="2">&nbsp;</td></tr>
{if $userinfo.default_fields.s_title}
    <tr>
      <td class="customerdetails1">{$lng.lbl_title}:</td>
      <td class="customerdetails2">{$userinfo.s_title}</td>
    </tr>
{/if}

{if $userinfo.default_fields.s_firstname}
    <tr>
      <td class="customerdetails1">{$lng.lbl_first_name}:</td>
      <td class="customerdetails2">{$userinfo.s_firstname}</td>
    </tr>
{/if}

{if $userinfo.default_fields.s_lastname}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_last_name}:</td>
      <td class="customerdetails2">{$userinfo.s_lastname}</td>
    </tr>
{/if}

{if $userinfo.default_fields.s_address}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_address}:</td>
      <td class="customerdetails2">
        {$userinfo.s_address}
{if $userinfo.s_address_2}
        <br />{$userinfo.s_address_2}
{/if}
      </td>
    </tr>
{/if}

{if $userinfo.default_fields.s_city}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_city}:</td>
      <td class="customerdetails2">{$userinfo.s_city}</td>
    </tr>
{/if}

{if $userinfo.default_fields.s_state}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_state}:</td>
      <td class="customerdetails2">{$userinfo.s_statename}</td>
    </tr>
{/if}

{if $userinfo.default_fields.s_country}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_country}:</td>
      <td class="customerdetails2">{$userinfo.s_countryname}</td>
    </tr>
{/if}

{if $userinfo.default_fields.s_zipcode}
    <tr> 
      <td class="customerdetails1">{$lng.lbl_zip_code}:</td>
      <td class="customerdetails2">{$userinfo.s_zipcode}</td>
    </tr>
{/if}

{foreach from=$userinfo.additional_fields item=v}
{if $v.section eq 'S'}
    <tr>
      <td class="customerdetails1">{$v.title}:</td>
      <td class="customerdetails2">{$v.value}</td>
    </tr>
{/if}
{/foreach}

  </table>
</div>
<div class="clearing"></div>

{capture name=addfields}
{foreach from=$userinfo.additional_fields item=v}
{if $v.section eq 'A'}
    <tr>
      <td class="customerdetails1">{$v.title}:</td>
      <td class="customerdetails2">{$v.value}</td>
    </tr>
{/if}
{/foreach}
{/capture}

{if $smarty.capture.addfields ne ""}

<div class="flc-checkout-address-left">
  {include file="customer/subheader.tpl" title=$lng.lbl_additional_information class="grey"}

  <table cellspacing="0" class="flc-checkout-address" summary="{$lng.lbl_additional_information|escape}">
    {$smarty.capture.addfields}
  </table>
</div>
<div class="clearing"></div>

{/if}

I added the following styles to altskin.css:

.customerdetails1 {
color: #000;
}
.customerdetails2 {
color: #b00;
}

(I will add more properties to them, this is just so that I can see it's working, and that I've added the class to all the <td> tags correctly.)