X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   invoice template (https://forum.x-cart.com/showthread.php?t=50071)

delboy2028 10-07-2009 02:33 AM

invoice template
 
i have edited my invoice template but the problem i have is i have moved my logo to above the customers name yet its pushing the customers names over to the right were i want it to the left what have i dont wrong here is image and code

Code:

{*
$Id: order_invoice.tpl,v 1.42.2.6 2009/04/29 08:10:06 ferz Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
{if $customer ne ''}
  {assign var="_userinfo" value=$customer}{else}{assign var="_userinfo" value=$userinfo}
{/if}
{config_load file="$skin_config"}
{if $is_nomail ne 'Y'}
  <br />
{/if}
<table cellspacing="0" cellpadding="0" {if $is_nomail eq 'Y'}class="order-invoice width-100"{else} style="width:600px; background-color: #ffffff;"{/if} summary="{$lng.lbl_order_details_label|escape}">
  <tr>
      <td>
        <table cellspacing="0" cellpadding="0" {if $is_nomail eq 'Y'}class="width-100"{else} style="width: 100%; border: none;"{/if} summary="{$lng.lbl_summary|escape}">
          <tr>
              <td {if $is_nomail eq 'Y'}class="invoice-company-icon"{else}style="vertical-align: top; padding-top: 0px;"{/if}>
        <table cellspacing="0"{if $is_nomail ne 'Y'} cellpadding="2" width="100%"{/if} summary="{$lng.lbl_details|escape}">
                  <tr>
                      <td{if $is_nomail ne 'Y'} valign="top"{/if}>
                  <strong {if $is_nomail eq 'Y'}class="invoice-title"{else} style="font-size: 28px; text-transform: uppercase;"{/if}>{$lng.lbl_invoice}</strong>
                  <br />
                  <br />
                  <strong>{$lng.lbl_date}:</strong> {$order.date|date_format:$config.Appearance.datetime_format}<br />
                  <strong>{$lng.lbl_order_id}:</strong> #{$order.orderid}<br />
                  <strong>{$lng.lbl_order_status}:</strong> {include file="main/order_status.tpl" status=$order.status mode="static"}<br />
                  <strong>{$lng.lbl_payment_method}:</strong><br />
                  {$order.payment_method}<br />
                  <strong>{$lng.lbl_delivery}:</strong><br />
                  {$order.shipping|trademark|default:$lng.txt_not_available}
                    </td>
                      <td {if $is_nomail eq 'Y'}class="invoice-right-info"{else}valign="bottom" align="right"{/if}>
                  <strong>{$config.Company.company_name}</strong><br />
                  {$config.Company.location_address}, {$config.Company.location_city}<br />
                  {$config.Company.location_zipcode}{if $config.Company.location_country_has_states}, {$config.Company.location_state_name}{/if}<br />
                  {$config.Company.location_country_name}<br />
                  {if $config.Company.company_phone}
                    {$lng.lbl_phone_1_title}: {$config.Company.company_phone}<br />
                  {/if}
                  {if $config.Company.company_phone_2}
                    {$lng.lbl_phone_2_title}: {$config.Company.company_phone_2}<br />
                  {/if}
                  {if $config.Company.company_fax}
                    {$lng.lbl_fax}: {$config.Company.company_fax}<br />
                  {/if}
                  {if $config.Company.orders_department}
                    {$lng.lbl_email}: {$config.Company.orders_department}<br />
                  {/if}
                  {if $order.applied_taxes}
                    <br />
                    {foreach from=$order.applied_taxes key=tax_name item=tax}
                      {$tax.regnumber}<br />
                    {/foreach}
                  {/if}
                      </td>
                  </tr>
                </table>
              </td>
          </tr>
        </table>
      <hr {if $is_nomail eq 'Y'}class="invoice-line"{else} style="border: 0px none; border-bottom: 2px solid #58595b; margin: 2px 0px 17px 0px; padding: 0px; height: 0px;"{/if}/>
      <table cellspacing="0"{if $is_nomail eq 'Y'} class="invoice-personal-info"{else} cellpadding="0" style="width:25%; border: 0px none; margin-bottom: 45px;"{/if} summary="{$lng.lbl_address|escape}">
    <td {if $is_nomail eq 'Y'}class="invoice-company-icon">{/if}<img src="{$ImagesDir}/companyname_small.gif" alt="" />
          </td>
        <align="left">
          <tr>
        {if $_userinfo.default_fields.title}
            <tr>
                <td><strong>{$lng.lbl_title}:</strong></td>
                <td>{$order.title}</td>
            </tr>
        {/if}
        {if $_userinfo.default_fields.firstname}
            <tr>
                <td{if $is_nomail ne 'Y'} nowrap="nowrap"{/if}><strong>{$lng.lbl_first_name}:</strong></td>
                <td>{$order.firstname}</td>
            </tr>
        {/if}
        {if $_userinfo.default_fields.lastname}
            <tr>
                <td{if $is_nomail eq 'Y'} nowrap="nowrap"{/if}><strong>{$lng.lbl_last_name}:</strong></td>
                <td>{$order.lastname}</td>
            </tr>
        {/if}
        {if $_userinfo.default_fields.company}
            <tr>
                <td><strong>{$lng.lbl_company}:</strong></td>
                <td>{$order.company}</td>
            </tr>
        {/if}
        {if $_userinfo.default_fields.tax_number}
            <tr>
                <td><strong>{$lng.lbl_tax_number}:</strong></td>
                <td>{$order.tax_number}</td>
            </tr>
        {/if}
        {if $_userinfo.default_fields.url}
            <tr>
                <td><strong>{$lng.lbl_url}:</strong></td>
                <td>{$order.url}</td>
            </tr>
        {/if}
        {foreach from=$_userinfo.additional_fields item=v}
          {if $v.section eq 'C' || $v.section eq 'P'}
              <tr>
                  <td><strong>{$v.title}:</strong></td>
              <td>{$v.value}</td>
              </tr>
          {/if}
        {/foreach}
        </table>
        <table cellspacing="0" {if $is_nomail eq 'Y'}class="invoice-address-box"{else}cellpadding="0" style="width: 100%; border: 0px none; margin-bottom: 0px;"{/if} summary="{$lng.lbl_addresses|escape}">
          <tr>
              <td {if $is_nomail eq 'Y'}class="invoice-address-title"{else}style="width:45%; height: 25px;"{/if}><strong>{$lng.lbl_billing_address}</strong></td>
          <td width="10%"> </td>
          <td {if $is_nomail eq 'Y'}class="invoice-address-title"{else}style="width: 45%; height: 25px;"{/if}><strong>{$lng.lbl_shipping_address}</strong></td>
          </tr>

          <tr>
              <td {if $is_nomail eq 'Y'}class="invoice-line"{else}height="4"{/if}><img src="{$ImagesDir}/spacer.gif" {if $is_nomail ne 'Y'}style="height: 2px; width: 100%; background: #58595b none;"{/if} alt="" /></td>
          <td><img height="2" src="{$ImagesDir}/spacer.gif" width="1" alt="" /></td>
         

http://i724.photobucket.com/albums/ww242/delboy2028/crazyinvoice.jpg

cflsystems 10-07-2009 09:48 AM

Re: invoice template
 
It is table based and the width of your logo makes the first cell too long. Just have your logo outside that table in a <div>

delboy2028 10-07-2009 10:02 AM

Re: invoice template
 
thanks but were abouts outside the table would i put the code with <div> </div> as no matter were i put it nothing changes :S

delboy2028 10-07-2009 10:04 AM

Re: invoice template
 
ok ignore that fixed that but now i got big spacing above and below the logo

cflsystems 10-07-2009 10:06 AM

Re: invoice template
 
Check the css classes assign to the div and table and edit margins/paddings


All times are GMT -8. The time now is 05:01 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.