View Single Post
  #65  
Old 10-05-2006, 05:41 PM
  sushob's Avatar 
sushob sushob is offline
 

Member
  
Join Date: Aug 2006
Posts: 19
 

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

Here's what I have working successfully on 4.1.3:

1. Create a new file skin1/customer/main/sexy_customer_details.tpl with this code:
Code:
{* $Id: sexy_customer_details.tpl,v 1 2006/06/01 15:15:52 max Exp $ *} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div class="sidebox"> <div class="boxhead"><h2>{$lng.lbl_personal_information}</h2></div> <div class="boxbody"> {if $userinfo.default_fields.firstname}{$userinfo.firstname} {if $userinfo.default_fields.lastname}{$userinfo.lastname}{/if}{/if} <br/> {if $userinfo.default_fields.phone}{$lng.lbl_phone}: {$userinfo.phone} {/if} <br/> {if $userinfo.default_fields.fax} {$lng.lbl_fax}: {$userinfo.fax} {/if} <br/> {if $userinfo.default_fields.email} {$lng.lbl_email}: {$userinfo.email}{/if} </td> <td></td> </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_firstname}{if $userinfo.default_fields.lastname} {$userinfo.b_lastname}{/if}{/if} <br/>{if $userinfo.default_fields.b_address}{$userinfo.b_address}{/if} {if $userinfo.b_address_2}<br/>{$userinfo.b_address_2}{/if} <br/> {if $userinfo.default_fields.b_city}{$userinfo.b_city}, {/if} {if $userinfo.default_fields.b_state}{$userinfo.b_statename} {/if} {if $userinfo.default_fields.b_zipcode}{$userinfo.b_zipcode} {/if} <br/> {if $userinfo.default_fields.b_country}{$userinfo.b_countryname} {/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_firstname}{/if}{if $userinfo.default_fields.lastname} {$userinfo.s_lastname}{/if} <br/> {if $userinfo.default_fields.s_address}{$userinfo.s_address} {/if} {if $userinfo.s_address_2}<br/>{$userinfo.s_address_2} {/if} <br/> {if $userinfo.default_fields.s_city}{$userinfo.s_city}, {/if} {if $userinfo.default_fields.s_state}{$userinfo.s_statename} {/if} {if $userinfo.default_fields.s_zipcode}{$userinfo.s_zipcode} {/if} <br/> {if $userinfo.default_fields.s_country}{$userinfo.s_countryname} {/if} </div> </div></td> </tr> </table>



2. Open skin1.css and add this at the bottom:
Code:
.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: white; 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; padding: 5px 30px 31px; }



3. Download the 4 images from the first post and save them in skin1/images.



4. Open skin1/customer/main/checkout.tpl and replace:
Code:
{include file="customer/main/customer_details.tpl"}
With:
Code:
{include file="customer/main/sexy_customer_details.tpl"}


Hope it works as well for you as it did for me!
__________________
Nate
www.sushob.com (live)
X-Cart Gold 4.1.3 ~ Linux
Reply With Quote