X-Cart forums - My fast lane checkout (checkout visual steps)

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)

Quote:

Originally Posted by Grant

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.

Quote:

Originally Posted by girlsbits

Quote:

Originally Posted by Grant

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:

Code:

{if $active_modules.SnS_connector}

{include file="modules/SnS_connector/header.tpl"}

{/if}

I added this:

Code:

{include file="customer/main/fastlane.tpl"}

<br><br>

Then, I added this into fastlane.tpl:

Code:

{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"></td>

         <td width="33%" valign="top"></td>

  </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 src="{$ImagesDir}/px.gif"></td>{if $anonymous eq "Y"}<td style="border-top:1px solid #000000;border-bottom:1px solid #000000;"><img src="{$ImagesDir}/px.gif"></td>{/if}

            <td style="border-top:1px solid #000000;border-bottom:1px solid #000000;"><img src="{$ImagesDir}/px.gif"></td>

            <td style="border-right:1px solid #000000;border-top:1px solid #000000;border-bottom:1px solid #000000;"><img src="{$ImagesDir}/px.gif"></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"></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="20" valign="top" bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-left:1px solid #000000;"><img src="{$ImagesDir}/px.gif"></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 src="{$ImagesDir}/px.gif"></td>{/if}

            <td bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;"><img src="{$ImagesDir}/px.gif"></td>

            <td style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;"><img src="{$ImagesDir}/px.gif"></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"></td>

             <td width="33%" valign="top"></td>

         <td width="33%" valign="top"><div align="right"><img src="{$ImagesDir}/cart_full_r.gif"></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 src="{$ImagesDir}/px.gif"></td>

    <td bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;"><img src="{$ImagesDir}/px.gif"></td>

    <td bgcolor="#009933" style="border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;"><img src="{$ImagesDir}/px.gif"></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}

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.