Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

My fast lane checkout (checkout visual steps)
 
Reply
   X-Cart forums > X-Cart 4 > Changing and adding new features
 
Thread Tools Search this Thread
  #1  
Old 03-25-2006, 04:19 AM
 
Lionel Lionel is offline
 

Senior Member
  
Join Date: Dec 2005
Posts: 199
 

Default 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}
__________________
X-Cart Gold 4.0.17 [unix]
X-Cart Gold 4.0.18 [unix]
Reply With Quote
  #2  
Old 03-25-2006, 09:06 AM
  ShishaPipeUK's Avatar 
ShishaPipeUK ShishaPipeUK is offline
 

Senior Member
  
Join Date: Jul 2005
Location: London, England.
Posts: 118
 

Default

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
__________________
Apache/2.0.55 (Red Hat) & MYSQL Server: 5.0.24
PERL: 5.008005 / PHP: 4.4.4 - 4.3.1 X-CART

Shop carts at
http://www.nightscene.co.uk/shop/home.php
http://www.theshisha.net/shopcart/home.php
http://www.system-maintenance.com/maint/home.php
http://www.tabac4u.com
Reply With Quote
  #3  
Old 03-25-2006, 01:49 PM
 
Lionel Lionel is offline
 

Senior Member
  
Join Date: Dec 2005
Posts: 199
 

Default

Thanks for posting pictures.
__________________
X-Cart Gold 4.0.17 [unix]
X-Cart Gold 4.0.18 [unix]
Reply With Quote
  #4  
Old 03-30-2006, 11:21 AM
 
Asiaplay Asiaplay is offline
 

X-Wizard
  
Join Date: Oct 2005
Posts: 1,242
 

Default 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...
__________________
X-Cart Gold version 4.1.9
(plus built in X-Cart bugs!)
Reply With Quote
  #5  
Old 04-01-2006, 06:55 AM
  PhilJ's Avatar 
PhilJ PhilJ is offline
 

X-Guru
  
Join Date: Nov 2002
Location: UK
Posts: 3,623
 

Default

removed, sigh
Reply With Quote
  #6  
Old 04-01-2006, 07:05 AM
 
Lionel Lionel is offline
 

Senior Member
  
Join Date: Dec 2005
Posts: 199
 

Default

that has nothing to do with my mod.
__________________
X-Cart Gold 4.0.17 [unix]
X-Cart Gold 4.0.18 [unix]
Reply With Quote
  #7  
Old 04-02-2006, 08:53 PM
 
chris chris is offline
 

Senior Member
  
Join Date: Sep 2002
Location: UK
Posts: 141
 

Default 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
__________________
Chris
some carts at v4.4.5 security patched on a hardened managed unix server
Reply With Quote
  #8  
Old 05-06-2006, 03:39 AM
  girlsbits's Avatar 
girlsbits girlsbits is offline
 

Advanced Member
  
Join Date: May 2006
Posts: 77
 

Default 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
__________________
X-Cart Gold | v 4.0.18 | Unix | php 4.3 | phpMyAdmin 2.8.0.3 |
Reply With Quote
  #9  
Old 05-23-2006, 11:12 AM
 
oldtimesoap oldtimesoap is offline
 

Newbie
  
Join Date: May 2006
Location: St. Augustine, Florida USA
Posts: 2
 

Default Thanks!

This was my first mod.
Let me say thank you.
__________________
Kyle B. Rubio
Old Time Soap Company, LLC
www.oldtimesoap.com
Reply With Quote
  #10  
Old 05-30-2006, 02:16 PM
 
Grant Grant is offline
 

Senior Member
  
Join Date: Apr 2006
Posts: 171
 

Default

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
__________________
X-Cart version : 4.0.18
Mod : Customer Also Bought
Mod : Custom catergory Templates
Mod : Custon Product Templates
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Changing and adding new features


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 08:00 PM.

   

 
X-Cart forums © 2001-2018