X-Cart forums

[seaCOAST]

After an order is successfully processed via the CC gateway, the customer is taken back to the order confirmation page with the INVOICE table.

The problem is that the INVOICE table is sometimes too wide for the screen. It looks very messy. I'm not sure if it has something to do with the short desc. or not, but it seems to. Is there a way to keep this table a certain width every time?

Thanks!

[bluecat]

I know this thread is about a year and a half old, but if anyone can answer this question, I'd be greatly appreciative. Thanks.

[shan]

the file is called order_message.tpl

edit that one to suit your needs

[bluecat]

thanks shan

[bluecat]

Well, I know this thread is almost 2 years old now, but if anyone can help, I'd greatly appreciate it. I can't figure out how to modify the following code so that it won't be so wide and break up our template after checkout (i.e. the invoice that's shown to the buyer after they successfully make a purches).

{* $Id: order_message.tpl,v 1.32 2004/07/07 09:49:52 svowl Exp $ *}
{if $this_is_printable_version eq ""}
{capture name=dialog}
<FONT class="ProductDetails">{$lng.txt_order_placed}</FONT>



<FONT class="ProductDetails">{$lng.txt_order_placed_msg}</FONT>


{/capture}
{include file="dialog.tpl" title=$lng.lbl_confirmation content=$smarty.capture.dialog extra="width=100%"}
{/if}



{capture name=dialog}
{section name=oi loop=$orders}
{include file="mail/html/order_invoice.tpl" is_nomail='Y' products=$orders[oi].products giftcerts=$orders[oi].giftcerts userinfo=$orders[oi].userinfo order=$orders[oi].order}





{if $active_modules.Interneka ne ""}
{ include file="modules/Interneka/interneka_tags.tpl" } 
{/if}
{/section}
{if $this_is_printable_version eq ""}
<TABLE border="0" width="100%">
<TR>
<TD align="left">{include file="buttons/button.tpl" button_title=$lng.lbl_print_invoice href="order.php?mode=invoice&orderid=`$orderids`" target="preview_invoice"}</TD>
<TD align="right">{include file="buttons/button.tpl" button_title=$lng.lbl_continue_shopping style="button" href="home.php"}</TD>
</TR>
</TABLE>
{/if}
{/capture}
{include file="dialog.tpl" title=$lng.lbl_invoice content=$smarty.capture.dialog extra="width=100%"}

[shan]

its probably because the mail/html/order_invoice.tpl uses the <pre> tag

remove that

[bluecat]

Thank you very much shan, that's exactly what I was looking for.

[bluecat]

Worked like a charm, so I figured I'd post what I changed for anyone else that might need it. Change the file that shan said above to this: (back up your original first)

{* $Id: order_invoice.tpl,v 1.14 2004/07/06 14:00:13 svowl Exp $ *}
{config_load file="$skin_config"}
{if $is_nomail ne 'Y'}
{literal}
<STYLE type="text/css">
BODY {
	MARGIN-TOP: 10px; 
	FONT-SIZE: 12px; 
	MARGIN-LEFT: 10px; 
	FONT-FAMILY: arial,helvetica,sans-serif
}
TD {
	FONT-SIZE: 12px; 
	FONT-FAMILY: arial,helvetica,sans-serif
}
TH {
	FONT-SIZE: 13px; 
	FONT-FAMILY: arial,helvetica,sans-serif
}
H1 {
    FONT-SIZE: 20px
}
</STYLE>
{/literal}



{/if}
<TABLE cellSpacing="0" cellPadding="0" width="559" border="0" bgColor="#ffffff" color="#000000">
<TR>
	<TD width="559">
	<TABLE cellSpacing="0" cellPadding="0" width="558" border="0">
	<TR>
		<TD width="530">
		<TABLE cellSpacing="0" cellPadding="2" width="518" border="0">
		<TR>
			<TD vAlign="top" width="302">
<p style="margin-top: 0; margin-bottom: 0">[img]{$ImagesDir}/companyname_small.gif[/img]</p>
<p style="margin-top: 0; margin-bottom: 0"></p>
<p style="margin-top: 0; margin-bottom: 0">
-----------------------------------------------------</p>
<p style="margin-top: 0; margin-bottom: 0"></p>
<p style="margin-top: 0; margin-bottom: 0">
<FONT style="FONT-SIZE: 28px">{$lng.lbl_invoice|upper}</FONT>



{$lng.lbl_date}: {$order.date|date_format:$config.Appearance.datetime_format}
{$lng.lbl_order_id}: #{$order.orderid}
{$lng.lbl_order_status}: {include file="main/order_status.tpl" status=$order.status mode="static"}

{$lng.lbl_payment_method}:
{$order.payment_method}
{$lng.lbl_delivery}:
{$order.shipping|trademark|default:$lng.txt_not_available}
</p>
<p style="margin-top: 0; margin-bottom: 0"></TD>
		</TR>
		<TR>
			<TD vAlign="top" width="302">
<p style="margin-top: 0; margin-bottom: 0">
{$config.Company.company_name}

{$config.Company.location_address}, {$config.Company.location_city}

{$config.Company.location_zipcode}, {$config.Company.location_state_name}

{$config.Company.location_country_name}

{if $config.Company.company_phone}{$lng.lbl_phone_1_title}: {$config.Company.company_phone}

{/if} {if $config.Company.company_phone_2}{$lng.lbl_phone_2_title}: 
{$config.Company.company_phone_2}
{/if} {if $config.Company.company_fax}{$lng.lbl_fax}: 
{$config.Company.company_fax}
{/if} {if $config.Company.orders_department}{$lng.lbl_email}: 
{$config.Company.orders_department}
{/if} {if $order.applied_taxes}


{foreach from=$order.applied_taxes key=tax_name item=tax} {$tax.regnumber}

{/foreach} {/if} </p>
<p style="margin-top: 0; margin-bottom: 0"></TD>
		</TR>
		</TABLE>
		</TD>
	</TR>
	</TABLE>
	<TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">
	<TR>
		<TD>[img]{$ImagesDir}/spacer.gif[/img]</TD>
	</TR>
	<TR>
		<TD bgcolor="#000000">[img]{$ImagesDir}/spacer_black.gif[/img]</TD>
	</TR>
	<TR>
		<TD>[img]{$ImagesDir}/spacer.gif[/img]</TD>
	</TR>
	</TABLE>
	

	<TABLE cellSpacing="0" cellPadding="0" width="45%" border="0">
	<TR>
		<TD>{$lng.lbl_company}:</TD>
		<TD>{$order.company}</TD>
	</TR>
	<TR>
		<TD noWrap>{$lng.lbl_first_name}:</TD>
		<TD>{$order.firstname}</TD>
	</TR>
	<TR>
		<TD noWrap>{$lng.lbl_last_name}:</TD>
		<TD>{$order.lastname}</TD>
	</TR>
	<TR>
		<TD>{$lng.lbl_phone}:</TD>
		<TD>{$order.phone}</TD>
	</TR>
	<TR>
		<TD>{$lng.lbl_fax}:</TD>
		<TD>{$order.fax}</TD>
	</TR>
	<TR>
		<TD>{$lng.lbl_email}:</TD>
		<TD>{$order.email}</TD>
	</TR>
	<TR>
		<TD>{$lng.lbl_url}:</TD>
		<TD>{$order.url}</TD>
	</TR>
	</TABLE>
	

	<TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">
	<TR>
		<TD width="45%" height="25">{$lng.lbl_billing_address}</TD>
		<TD width="10%"></TD>
		<TD width="45%" height="25">{$lng.lbl_shipping_address}</TD>
	</TR>
	<TR>
		<TD bgColor="#000000" height="2">[img]{$ImagesDir}/spacer_black.gif[/img]</TD>
		<TD>[img]{$ImagesDir}/spacer.gif[/img]</TD>
		<TD bgColor="#000000" height="2">[img]{$ImagesDir}/spacer_black.gif[/img]</TD>
	<TR>
		<TD colSpan="3">[img]{$ImagesDir}/spacer.gif[/img]</TD>
	</TR>
	<TR>
		<TD>
		<TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">
		<TR>
			<TD>{$lng.lbl_first_name}: </TD>
			<TD>{$order.b_firstname}</TD>
		</TR>
		<TR>
			<TD>{$lng.lbl_last_name}: </TD>
			<TD>{$order.b_lastname}</TD>
		</TR>
		<TR>
			<TD>{$lng.lbl_address}: </TD>
			<TD>{$order.b_address}
{$order.b_address_2}</TD>
		</TR>
		<TR>
			<TD>{$lng.lbl_city}: </TD>
			<TD>{$order.b_city}</TD>
		</TR>
		<TR>
			<TD>{$lng.lbl_state}: </TD>
			<TD>{$order.b_statename}</TD>
		</TR>
		<TR>
			<TD>{$lng.lbl_country}: </TD>
			<TD>{$order.b_countryname}</TD>
		</TR>
		<TR>
			<TD>{$lng.lbl_zip_code}: </TD>
			<TD>{$order.b_zipcode}</TD>
		</TR>
		</TABLE>
		</TD>
		<TD></TD>
		<TD>
		<TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">
		<TR>
			<TD>{$lng.lbl_first_name}: </TD>
			<TD>{$order.s_firstname}</TD>
		</TR>
		<TR>
			<TD>{$lng.lbl_last_name}: </TD>
			<TD>{$order.s_lastname}</TD>
		</TR>
		<TR>
			<TD>{$lng.lbl_address}: </TD>
			<TD>{$order.s_address}
{$order.s_address_2}</TD>
		</TR>
		<TR>
			<TD>{$lng.lbl_city}: </TD>
			<TD>{$order.s_city}</TD>
		</TR>
		<TR>
			<TD>{$lng.lbl_state}: </TD>
			<TD>{$order.s_statename}</TD>
		</TR>
		<TR>
			<TD>{$lng.lbl_country}: </TD>
			<TD>{$order.s_countryname}</TD>
		</TR>
		<TR>
			<TD>{$lng.lbl_zip_code}: </TD>
			<TD>{$order.s_zipcode}</TD>
		</TR>
		</TABLE>
        </TD>
	</TR>
	</TABLE>
	

	


{include file="mail/html/order_data.tpl"}

	</TD>
</TR>

<TR>
<TD align="center" width="559">

<FONT style="FONT-SIZE:12px">{$lng.txt_thank_you_for_purchase}</FONT></TD>
</TR>

</TABLE>

You could do more with it, but this will do the trick. This will put your logo above the invoice, and align most of it to the left.

Thanks again.

[tph]

how do you remove the UK toll free words from the customer invoice

tph

[bluecat]

I haven't looked, but I would think in the languages