X-Cart forums - A simple fix to pretty the checkout up a little

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (https://forum.x-cart.com/forumdisplay.php?f=20)

- - A simple fix to pretty the checkout up a little (https://forum.x-cart.com/showthread.php?t=22197)

Re: A simple fix to pretty the checkout up a little

Finally! I've been wanting to use this ever since I first saw it, as it looks so much better! The Firefox issues were holding me back though as I know Firefox is quite popular.

First of all, I got the file that JWait kindly attached to his post. I've edited it slightly as to how we have addresses in the UK, but that shouldn't affect things. If it does, let me know.

In skin1/customer/main/checkout.tpl:

In a previous Post, we were just told to only change the {include line, so it would look like this:

Code:

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

    <td>



<pre>

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

</pre>



{if $paypal_express_active}

I changed it so it looks like this:

Code:

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

    <td>

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

{if $paypal_express_active}

And it works fine for me. :D

Any problems, let me know. :) If you want the whole checkout.tpl file, just ask. :)

Re: A simple fix to pretty the checkout up a little

Quote:

Originally Posted by JWait

I had the same problem... until I noticed the code for sexy_customer_details.tpl has added spaces inside the variables than need to be removed. Also, I needed to a < br/ > tags as necessary to get the formatting correct. I think the forum screwed this up. Works great now though.

Hi I have the same problem. Not sure I understand what you did. New to XCart! Could you post your code?

Thanks

Bob

Re: A simple fix to pretty the checkout up a little

Look at Post #99, Bob. He's Attached it there as a .txt file.

Download that, then change the .txt to .tpl

Re: A simple fix to pretty the checkout up a little

Thanks, That worked!

I did note that the boxes pushed my variable width factor to the limit, so, I got rid of the boxes and just have the text. Looks great. This mod helped significantly with the vertical height issues as well.

Thanks

Bob

Re: A simple fix to pretty the checkout up a little

No problem. Glad you got it working. :)

Re: A simple fix to pretty the checkout up a little

Has anyone installed the 2Checkout patch and this checkout mod successfully in 4.0.19? I have the mod installed but it has reverted back to the 3 step process..

Re: A simple fix to pretty the checkout up a little

Quote:

Originally Posted by gallica

Does someone succed to implement images on payment method ?
If we follow the process : Update the payment_methods.php with the 3 lines

Code:

define('USE_TRUSTED_POST_VARIABLES',1);

$trusted_post_variables = array("posted_data");

require "./auth.php";

require $xcart_dir."/include/security.php";

whatever html image tag we put on payment method description
[img]../skin1/images/payment.gif[/img] the html tags are displayed as text.

Any comments ?

Works well for 4.1.7

Re: A simple fix to pretty the checkout up a little

If your useing 4.1.8 and Fastlane Checkout, this is how I used Sexy Checkout Mod.

Add this to your
skin1/skin1.css

/*sexy checkout mod */
.sidebox {
margin: 0 auto;
width: 28em;
background: url(images/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
}
.boxhead {
background: url(images/sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: left;
}
.boxhead h2 {
background: url(images/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 22px 30px 5px;
color: black;
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
}
.boxbody {
background: url(images/sbbody-l.gif) no-repeat bottom left;
margin: 0;
color: black;
padding: 5px 30px 31px;
}

-------------------------------------------------------------------------------------
in
skin1/modules/Fast_Lane_Checkout/

add
sexy_customer_details_html.tpl

{* $Id: sexy_customer_details_html.tpl,v 1 2007/06/29 15:15:52 max Exp $ *}
<table width="100%" cellspacing="0" cellpadding="10">

<tr>
<td valign="top" width="50%">
</tr>
<tr>
<td><div class="sidebox">
<div class="boxhead"><h2>{$lng.lbl_billing_address}</h2></div>
<div class="boxbody">

{if $userinfo.default_fields.firstname}{$userinfo.b_fi rstname}{if
$userinfo.default_fields.lastname} {$userinfo.b_lastname}{/if}{/if}
<br/>
{if $userinfo.default_fields.b_address}{$userinfo.b_ad dress} <br/> {/if}

{if $userinfo.b_address_2}{$userinfo.b_address_2}<br/>{/if}

{if $userinfo.default_fields.b_city}{$userinfo.b_city} {/if}
{if $userinfo.default_fields.b_state}{$userinfo.b_stat ename} {/if}
{if $userinfo.default_fields.b_zipcode}{$userinfo.b_zi pcode} <br/> {/if}

{if $userinfo.default_fields.b_country}{$userinfo.b_co untryname} <br/>{/if}
<br/>
{if $userinfo.default_fields.email}{$lng.lbl_email}: {$userinfo.email} <br/> {/if}
{if $userinfo.default_fields.phone} {$lng.lbl_phone}: {$userinfo.phone} <br/>{/if}

</div>
</div></td>
<td><div class="sidebox">
<div class="boxhead"><h2>{$lng.lbl_shipping_address}</h2></div>
<div class="boxbody">

{if $userinfo.default_fields.firstname}{$userinfo.s_fi rstname}{if
$userinfo.default_fields.lastname} {$userinfo.s_lastname}<br/> {/if}{/if}

{if $userinfo.default_fields.s_address}{$userinfo.s_ad dress}<br/> {/if}
{if $userinfo.s_address_2}{$userinfo.s_address_2}<br/> {/if}

{if $userinfo.default_fields.s_city}{$userinfo.s_city} {/if}
{if $userinfo.default_fields.s_state}{$userinfo.s_stat ename} {/if}
{if $userinfo.default_fields.s_zipcode}{$userinfo.s_zi pcode} <br/> {/if}
{if $userinfo.default_fields.s_country}{$userinfo.s_co untryname} <br/> {/if}
<br/>
<br/>
<br/>
</div>
</div></td>
</tr>
</table>

---------------------------------------------------------------------------

open

/modules/Fast_Lane_Checkout/checkout_3_place.tpl

find
{include file="modules/Fast_Lane_Checkout/customer_details_html.tpl"}

replace
{include file="modules/Fast_Lane_Checkout/sexy_customer_details_html.tpl"}

-----------------------------------------------------------------------------
dont forget the images and you may have to change your css to your text colors.

Re: A simple fix to pretty the checkout up a little

Thanks Terry - that works great. I had to close-up a couple words because there was a space separating them but other than that it was a no brainer!!

Re: A simple fix to pretty the checkout up a little

Glad it worked for you chet,