This will add visual steps to your checkout
I used it with cartmods easy check-out mod but will work without it as per post below.
Create a tpl named fastlane.tpl in customer/main
I placed in home.tpl right under
Quote:
{if $main eq "checkout"}
{include file="customer/main/fastlane.tpl"}{/if}
|
for the cart image, I simply flipped cart_full.gif and named the new one cart_full_r.gif
contents of fastlane.tpl
Code:
{if $mode eq checkout || $comode eq "" }
{if $smarty.get.paymentid eq "" }
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="{if $anonymous eq "Y"}25%{else}33%{/if}" valign="top"><div align="right">[img]{$ImagesDir}/cart_full_r.gif[/img]</div></td>
{if $anonymous eq "Y"}<td width="25%"></td>{/if}
<td width="{if $anonymous eq "Y"}25%{else}33%{/if}" valign="top">
<td width="{if $anonymous eq "Y"}25%{else}33%{/if}" valign="top">
</tr>
<tr>
<td height="20" valign="top" bgcolor="#009933" style="border-right:1px solid #000000;border-bottom:1px solid #000000;border-top:1px solid #000000;border-left:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>
{if $anonymous eq "Y"}<td style="border-top:1px solid #000000;border-bottom:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>{/if}
<td style="border-top:1px solid #000000;border-bottom:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>
<td style="border-right:1px solid #000000;border-top:1px solid #000000;border-bottom:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>
</tr>
<tr><td align="right">
Your cart contents</td>
{if $anonymous eq "Y"}<td align="center" height="10" valign="top">
Login or register</td>{/if}
<td align="center">{if $anonymous ne "Y"}
{/if}{$lng.lbl_payment_method}{if $anonymous ne "Y"}{/if}</td>
<td align="center">Verify and finalize</td>
</tr>
</table>
{/if}
{/if}
{if $anonymous eq "Y"}
{if $comode eq 1 and $smarty.get.paymentid eq ""}
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="{if $anonymous eq "Y"}25%{else}33%{/if}" valign="top"></td>
{if $anonymous eq "Y"}<td width="25%"><div align="right">[img]{$ImagesDir}/cart_full_r.gif[/img]</div></td>{/if}
<td width="{if $anonymous eq "Y"}25%{else}33%{/if}" valign="top">
<td width="{if $anonymous eq "Y"}25%{else}33%{/if}" valign="top">
</tr>
<tr>
<td height="20" valign="top" bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-left:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>
{if $anonymous eq "Y"}<td bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>{/if}
<td style="border-top:1px solid #000000;border-bottom:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>
<td style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>
</tr>
<tr><td align="center">
Your cart contents</td>
{if $anonymous eq "Y"}<td align="right" height="10" valign="top">
Login or register</td>{/if}
<td align="center">{$lng.lbl_payment_method}</td>
<td align="center">Verify and finalize</td>
</tr>
</table>
{/if}
{/if}
{if $comode eq 1 and $smarty.get.paymentid eq "" and $login ne ""}
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="33%" valign="top"></td>
<td width="33%" valign="top"><div align="right">[img]{$ImagesDir}/cart_full_r.gif[/img]</div></td>
<td width="33%" valign="top"></td>
</tr>
<tr>
<td height="20" valign="top" bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-left:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>
{if $anonymous eq "Y"}<td bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>{/if}
<td bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>
<td style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>
</tr>
<tr><td align="center">
Your cart contents</td>
{if $anonymous eq "Y"}<td height="10" valign="top"> </td>{/if}
<td align="right">
{$lng.lbl_payment_method}</td>
<td align="center">Verify and finalize</td>
</tr>
</table>
{/if}
{if $payment_data.payment_method ne ""}
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="33%" valign="top"></td>
<td width="33%" valign="top"></td>
<td width="33%" valign="top"><div align="right">[img]{$ImagesDir}/cart_full_r.gif[/img]</div></td>
</tr>
<tr>
<td height="20" valign="top" bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-left:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>
<td bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>
<td bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;">[img]{$ImagesDir}/px.gif[/img]</td>
</tr>
<tr><td align="center">
Your cart contents</td>
<td align="center">
{$lng.lbl_payment_method}</td>
<td align="right">
Verify and finalize</td>
</tr>
</table>
{/if}