Tidy Checkout

Hi



This is what i have done with my checkout.

checkout2.jpg

looks very nice

Hi zoom4267



Thank you

im very interested in using it. im learning about the coding for this cart and getting a little more comfortable with it. when i have some time id like to try it

Hi zoom4267



No problem, i will get around to posting it soon.



It is easy to do, just a bit of

code, some images and a little CSS, for the checkout and invoice side you just need to remove a little code.

acutally, the way you posted it is great, you were very specific of what the code is an where to put it, it looks easy. i definatley will give it a try.

Hi zoom4267



Here go’s, copy images to images folder= skins/xxxxxxx/customer/images/



Add the CSS code to your Style.css 3/4’s down.


.pay_details_sidebox {
margin: 0 auto;
width: 53em;
background: url("images/body-a.gif") no-repeat bottom right;
font-size: 100%;
}
.boxhead {
background: url("images/head-b.gif") no-repeat top right;
margin: 0 auto;
padding: 0;
text-align: left;
}
.boxhead h2 {
background: url("images/head-a.gif") no-repeat top left;
margin: 0 auto;
padding: 10px 30px 5px;
color: #333;
font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
font-weight: 700;
font-size: 1.2em;
line-height: 1em;
text-shadow: 2px 2px 5px #000;
background-color: inherit;
}
.pay_details_boxbody {
background: url("images/body-b.gif") no-repeat bottom left;
margin: 0 auto;
padding: 5px 30px 31px;
}




DIV-Code is:


```php


{$lang_xxxxx_xxxxx}




```

Here is a sample of where to put the div-code:
skins/xxxxxxx/customer/cart_pages/checkout.tpl

```php {* Payment methods form *}
{*capture name="mainbox"*}
{**************************************}

{$lang.select_payment_method}



{***************************************}

{foreach from=$payment_methods item="pm" name="pay"}






{/foreach}


{$pm.payment} {$pm.description}








{include file="buttons/continue.tpl" but_onclick="javascript: document.order_info_form.submit();" but_type="input"}


{*/capture}
{include file="common_templates/mainbox.tpl" title=$lang.select_payment_method content=$smarty.capture.mainbox anchor="payment_methods"*}


{elseif $settings.General.min_order_amount > $cart.total}

{$lang.text_min_order_amount_required} {include file="common_templates/price.tpl" value=$settings.General.min_order_amount}


{include file="buttons/continue_shopping.tpl" but_href=$continue_url|default:$index_script but_arrow="on"}


{/if}
{***********************}


{*************************}
{* /Payment methods form *} ```


one more place:

```php {* /Payment methods form *}

{elseif $mode == 'summary'} {* Step3: Check all entered information and place order *}

{capture name="mainbox"}
{include file="profiles_pages/profiles_info.tpl"user_data=$cart.user_data shipping_method=$cart.shipping}


{if $payment_method.template}
{******************************}

{$lang.payment_details}



{*****************************}
{/if}





{* Payment methods form *}
{if $payment_method.template}


{include file="payments/`$payment_method.template`" payment_id=$payment_method.payment_id}


{else}

{/if}

{$lang.text_customer_notes}:











{include file="buttons/place_order.tpl" but_onclick="javascript: if (fn_can_place_order()) document.place_order_form.submit();"}


{/capture}
{include file="common_templates/mainbox.tpl" title=$lang.summary content=$smarty.capture.mainbox}

{/if}
{***********}


{************} ```

After the last {/if} at the bottom.

Right i will leave you to have a play with that and play you will have to!!!!
Make !!! BACKUPS OF ALL FILES !!!!!!. this will have to be put in other places, good for your learning curve, follow whitch tpl's call's other.

Good look.

head-b.gif

head-a.gif

body-b.gif

body-a.gif

thanks, i giv e it a try.



thanks alot

Hi,zardos,



I am using ur code on my site, the payment form is working now, could u pls tell me how to set the others (contact information and bill information and so on), Very appreciate for ur help!





Michael

Hi michael



Another file is customer/profiles_pages/profiles_info.tpl


```php












```

I think that is it, let me know if there is more needed.






{$lang.personal_information}




{if $user_data.title_descr}
{$user_data.title_descr}
{/if}


{if $user_data.firstname}
{$user_data.firstname}
{/if}


{if $user_data.lastname}
{$user_data.lastname}
{/if}


{if $user_data.company}
{$user_data.company}
{/if}









{$lang.contact_information}




{if $user_data.phone}
{$lang.phone}:
{$user_data.phone}
{/if}


{if $user_data.email}
{$lang.email}:
{$user_data.email}
{/if}


{if $user_data.fax}
{$lang.fax}:
{$user_data.fax}
{/if}


{if $user_data.url}
{$user_data.url}
{/if}










{$lang.billing_address}




{if $user_data.b_title}
{$user_data.b_title_descr}
{/if}


{if $user_data.b_firstname}
{$user_data.b_firstname}
{/if}


{if $user_data.b_lastname}
{$user_data.b_lastname}
{/if}


{if $user_data.b_address}
{$user_data.b_address}
{/if}


{if $user_data.b_address_2}
{$user_data.b_address_2}
{/if}


{if $user_data.b_city}
{$user_data.b_city}
{/if}


{if $user_data.b_state}
{$user_data.b_state_descr}
{/if}


{if $user_data.b_country}
{$user_data.b_country_descr}
{/if}


{if $user_data.b_zipcode}
{$user_data.b_zipcode}
{/if}










{$lang.shipping_address}




{if $user_data.s_title}
{$user_data.s_title_descr}
{/if}


{if $user_data.s_firstname}
{$user_data.s_firstname}
{/if}


{if $user_data.s_lastname}
{$user_data.s_lastname}
{/if}


{if $user_data.s_address}
{$user_data.s_address}
{/if}


{if $user_data.s_address_2}
{$user_data.s_address_2}
{/if}


{if $user_data.s_city}
{$user_data.s_city}
{/if}


{if $user_data.s_state}
{$user_data.s_state_descr}
{/if}


{if $user_data.s_country}
{$user_data.s_country_descr}
{/if}


{if $user_data.s_zipcode}
{$user_data.s_zipcode}
{/if}