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


for the cart image, I simply flipped cart_full.gif and named the new one cart_full_r.gif


contents of fastlane.tpl

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

Thanks for posting pictures.

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...

removed, sigh

that has nothing to do with my mod.

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

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

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

Thanks!
 

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

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

Holy Schmoly!!! Tastier Schmastier indeed!!! Such attention to detail - it looks fab and I love it!!! Good luck to you.

Haha thanks Girlsbits (which I have to say is either a very innocent or very cheeky name).

I'm still miles off having this store anywhere finished, still lots of stuff to do but it's coming on nicely :)

Re: My fast lane checkout (checkout visual steps)
 

Thanks for a nice mod.
I used it on my website but I am facing a problem. The images dont show up with the progress bar.
On the page where the code should show the cart image, it shows
[img]/skin1/images/cart_full_r.gif[/img] instead of the image.

Why it is not picking up the image, while I have saved it in the skin1/images/ directory?

Re: My fast lane checkout (checkout visual steps)
 

I had the same problem that hues had. To fix the cart image, I had to change the [img] tags in fastlane.tpl to <IMG src=" and the [/img] tags to ">.

However, I have a different problem. In step one, the progress bar doesn't show at all. In step 2, the progress bar only shows up as step 1: "your cart contents." Step 3, however, works fine - the progress bar is a full 3 steps. Does anyone know how to fix this? Thanks in advance.

Re: My fast lane checkout (checkout visual steps)
 

Thank you MichelleT, Now the image is showing.
I also have the same problem which you have mentioned.
when the progress bar should show step 1 it does not appear.
When it should show step 2 it shows step 1. The progress bar never shows step two.

Anyone knows how to fix? Thanks

Re: My fast lane checkout (checkout visual steps)
 

Lionel, thanks for a great mod! For some odd reason, it didn't work too well with my test site ( v.4.0.18 )

I have made some changes to the Fastlane mod in order for it to work on v4.0.18.

I have it working on my test website( v.3.4.6 ) ( about to go live with 4.0.18 ) My live site does not have fastlane, as its old and needs updating..

I added the following code to customer/home.tpl, right after the line that says:

I added this:

Then, I added this into fastlane.tpl:


Lionel, I hope you don't mind me changing the code to get it to work..

Re: My fast lane checkout (checkout visual steps)
 

Thanks so much, holddigga, works perfect for me now.

Re: My fast lane checkout (checkout visual steps)
 

Could someone clarify what px.gif is for me?
In IE it shows the X and I don't have the image in my default images directory.

Re: My fast lane checkout (checkout visual steps)
 

I am not sure.. What I did was copy null.gif into that images folder, and rename it as px.gif.. I'd love to hear what Lionel used it for!

Re: My fast lane checkout (checkout visual steps)
 

I just removed all reference to px.gif and also reduced the height of the <td> to 10 pixels. It works perfect.

Re: My fast lane checkout (checkout visual steps)
 

I just noticed that you are missing some </td> And these <td width="33%" valign="top"></td> should be like this--> <td width="33%" valign="top">&nbsp;</td> otherwise the browser will ignore them.

Re: My fast lane checkout (checkout visual steps)
 

so noted, and fixed! Thanks!

Re: My fast lane checkout (checkout visual steps)
 

I'm getting this error with this mod
Warning: Smarty error: unable to read resource: "customer/main/fastlane.tpl" in /home/content/r/o/a/roadrash/html/novelties/Smarty-2.6.9/Smarty.class.php on line 1088

Re: My fast lane checkout (checkout visual steps)
 

If you created the file outside of the x-cart admin area (ie Dreamweaver), then you'll need to CHMOD the permission I believe.

Re: My fast lane checkout (checkout visual steps)
 

Thanks to Holddigga and esp Lionel for this. My site has it showing while going through the checkout but not in the cart. When I try to amend the code to be added to home.tpl it jumbles up the whole screen and adds stuff twice. Not sure how to correct this...?

Thanks

Re: My fast lane checkout (checkout visual steps)
 

You were correct whsu716, Thanks :)

Re: My fast lane checkout (checkout visual steps)
 

For some reason, my Borders dont show: I have a white BG

{if $checkout_step eq "1" and $anonymous eq "Y" }
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="33%" valign="top"><div align="right"><img src="{$ImagesDir}/cart_full_r.gif"></div></td>
<td width="33%" valign="top">&nbsp;</td>
<td width="33%" valign="top">&nbsp;</td>
</tr>
<tr>
<td height="10" 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;"></td>{if $anonymous eq "Y"}<td style="border-top:1px solid #000000;border-bottom:1px solid #000000;"></td>{/if}
<td style="border-top:1px solid #000000;border-bottom:1px solid #000000;"></td>
<td style="border-right:1px solid #000000;border-top:1px solid #000000;border-bottom:1px solid #000000;"></td>
</tr
<tr>
<td align="center">Login or register</td>
<td align="center">{$lng.lbl_payment_method}</td>
<td align="center">Verify and finalize</td>
</tr>
</table>
{/if}


{if $checkout_step eq "2" and $smarty.get.paymentid eq "" || $checkout_step eq "1" and $anonymous eq "" }
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="33%" valign="top">&nbsp;</td>
<td width="33%" valign="top"><div align="right"><img src="{$ImagesDir}/cart_full_r.gif"></div></td>
<td width="33%" valign="top"></td>
</tr>
<tr>
<td height="10" valign="top" bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-left:1px solid #000000;"></td>{if $anonymous eq "Y"}<td bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;"></td>{/if}
<td bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;"></td>
<td style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;"></td>
</tr>
<tr>
<td align="center">Login or register</td>
<td align="center">{$lng.lbl_payment_method}</td>
<td align="center">Verify and finalize</td>
</tr>
</table>
{/if}

{if $checkout_step eq "2" and $smarty.get.paymentid ne "" and $login ne "" || $checkout_step eq "3" }
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="33%" valign="top">&nbsp;</td>
<td width="33%" valign="top">&nbsp;</td>
<td width="33%" valign="top"><div align="right"><img src="{$ImagesDir}/cart_full_r.gif"></div></td>
</tr>
<tr>
<td height="10" valign="top" bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-left:1px solid #000000;"></td>
<td bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;"></td>
<td bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;"></td>
</tr>
<tr>
<td align="center">Login or register</td>
<td align="center">{$lng.lbl_payment_method}</td>
<td align="center">Verify and finalize</td>
</tr>
</table>
{/if}