X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Dev Questions (https://forum.x-cart.com/forumdisplay.php?f=20)
-   -   My fast lane checkout (checkout visual steps) (https://forum.x-cart.com/showthread.php?t=20718)

Lionel 03-25-2006 04:19 AM

My fast lane checkout (checkout visual steps)
 
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}




ShishaPipeUK 03-25-2006 09:06 AM

Looks good Lionel, I was not too sure what it was at first or even if it would work with out Cartmods easy checkout mod.

So to help everyone, you can see a picture of it below, and it works on 4.0.18 and you dont need the cartmods easy checkout mod.

It looks nice, well done.

Dont forget the image for shopcart/skin1/images/cart_full_r.gif - Right click this image and save it. http://www.shisha.co.uk/shopcart/skin1/images/cart_full_r.gif

Also the above code goes into /shopcart/skin1/customer/main/fastlane.tpl

http://www.shisha.co.uk/images/shopcartcheckout.jpg

Lionel 03-25-2006 01:49 PM

Thanks for posting pictures.

Asiaplay 03-30-2006 11:21 AM

Thanks - this one is cool... and was wanting to do this!!!
 
Thanks to you both for a great mod & clear pics... really like this.
The way you have done looks really nice as well!!!

It is a feature I think makes the checkout process totally clear (and one of the few immediate things I liked in V4.1.0 - which is unfortunately a long way off being stable). At last a checkout for X-Cart that is cool as well as functional.. well done guys.

Als I have been meaning to try doing it (but so much else to do first).
So happy to see this mode here - I will try it shortly.

Thanks again - really appreciated - Asiaplay...

PhilJ 04-01-2006 06:55 AM

removed, sigh

Lionel 04-01-2006 07:05 AM

that has nothing to do with my mod.

chris 04-02-2006 08:53 PM

have installed your mod but can it show at top as well
 
Hi Lionel,
I have installed your mod but can you tell me how to make it show at the top of the page as well as at the bottom as I think this would be even more helpful.

For those that are interested the mod can be seen working at www.heatbands.com which is running on v 4.017

girlsbits 05-06-2006 03:39 AM

Re: have installed your mod but can it show at top as well
 
Quote:

Originally Posted by chris
Hi Lionel,
I have installed your mod but can you tell me how to make it show at the top of the page as well as at the bottom as I think this would be even more helpful.



I have pasted the code twice to get it to appear at the top and bottom of the checkout process.

Just copy and paste this whole section:-

CODE:


{if $main eq "catalog" and $current_category.category eq ""}{else}{include file="location.tpl"}{/if}
{if $main eq "checkout"}
{include file="customer/main/fastlane.tpl"}{/if}
{include file="dialog_message.tpl"}
{include file="customer/home_main.tpl"}

{if $main eq "checkout"}
{include file="customer/main/fastlane.tpl"}{/if}

END CODE

oldtimesoap 05-23-2006 11:12 AM

Thanks!
 
This was my first mod.
Let me say thank you.

Grant 05-30-2006 02:16 PM

Big props for this mod :)

I've made a few changes and instead of the cart & bar image i'm using a graphical & text step display and it has made my checkout look so much tastier!

Check it out for yourselves at www.wyzeshop.com


All times are GMT -8. The time now is 06:05 PM.

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