Change order Step 1 Checkout One page Checkout

I want to change the order in step 1 of the checkout. I want to have “order without an account” on the left side and the other two (sign up with an account and register an account on the right side. I tried to change some things in step_one.tpl but that didn’t works. Can anybody help and point out what to change in the file below. Please help?



Edwin


{* $Id$ *}<br />
<br />
<div class="step-container{if $edit}-active{/if}" id="step_one"><br />
        <h2 class="step-title{if $edit}-active{/if}"><br />
                <span class="float-left">1.</span><br />
<br />
                {if $complete && !$edit}<br />
                        <img src="{$images_dir}/icons/icon_step_close.gif" width="19" height="17" border="0" alt="" class="float-right" /><br />
                {/if}<br />
<br />
                {if ($settings.General.disable_anonymous_checkout == "Y" && !$auth.user_id) || ($settings.General.disable_anonymous_checkout != "Y" && !$auth.user_id && !$contact_info_population) || $smarty.session.failed_registration == true}<br />
                        {assign var="title" value=$lang.please_sign_in}<br />
                {else}<br />
                        {if $auth.user_id != 0}<br />
                                {assign var="login_info" value="`$user_data.firstname`&nbsp;`$user_data.lastname`"}<br />
                        {else}<br />
                                {assign var="login_info" value=$lang.guest}<br />
                        {/if}<br />
                        {assign var="title" value="`$lang.signed_in_as`&nbsp;`$login_info` - `$user_data.email`"}<br />
                {/if}<br />
                <br />
                {hook name="checkout:edit_link_title"}<br />
                <a class="title{if $contact_info_population && !$edit} cm-ajax{/if}" {if $contact_info_population && !$edit}href="{"checkout.checkout?edit_step=step_one&from_step=`$edit_step`"|fn_url}" rev="checkout_steps"{/if}>{$title}</a><br />
                {/hook}<br />
        </h2><br />
        {assign var="curl" value=$config.current_url|fn_query_remove:"login_type"}<br />
        <div id="step_one_body" class="step-body{if $edit}-active{/if}"><br />
                {if ($settings.General.disable_anonymous_checkout == "Y" && !$auth.user_id) || ($settings.General.disable_anonymous_checkout != "Y" && !$auth.user_id && !$contact_info_population) || $smarty.session.failed_registration == true}<br />
                        <div id="step_one_login" {if $login_type != "login"}class="hidden"{/if}><br />
                                <div class="clear"><br />
                                        {include file="views/checkout/components/checkout_login.tpl" checkout_type="one_page"}<br />
                                </div><br />
                        </div><br />
                        <div id="step_one_register" class="width50{if $login_type != "register"} hidden{/if}"><br />
                                <form name="step_one_register_form" class="{$ajax_form}" action="{""|fn_url}" method="post"><br />
                                <input type="hidden" name="result_ids" value="checkout_steps,sign_io,checkout_cart" /><br />
                                <input type="hidden" name="return_to" value="checkout" /><br />
                                <input type="hidden" name="user_data[register_at_checkout]" value="Y" /><br />
<br />
                                {include file="views/profiles/components/profiles_account.tpl" nothing_extra="Y" location="checkout"}<br />
                                {include file="views/profiles/components/profile_fields.tpl" section="C" nothing_extra="Y"}<br />
                                <br />
                                {hook name="checkout:checkout_steps"}{/hook}<br />
                                <br />
                                {if $settings.Image_verification.use_for_register == "Y"}<br />
                                        {include file="common_templates/image_verification.tpl" id="register" align="center"}<br />
                                {/if}<br />
<br />
                                <div class="buttons-container margin-top"><br />
                                        {include file="buttons/button.tpl" but_name="dispatch[checkout.add_profile]" but_text=$lang.continue}<br />
                                        &nbsp;{$lang.or}&nbsp; <br />
                                        {include file="buttons/button.tpl" but_href=$curl but_onclick="$('#step_one_register').hide(); $('#step_one_login').show();" but_text=$lang.cancel but_role="tool"} <br />
                                </div><br />
                                </form><br />
                        </div><br />
                {else}<br />
                        <form name="step_one_contact_information_form" class="{$ajax_form} {$ajax_form_force}" action="{""|fn_url}" method="{if !$edit}get{else}post{/if}"><br />
                        <input type="hidden" name="update_step" value="step_one" /><br />
                        <input type="hidden" name="next_step" value="{if $smarty.request.from_step && $smarty.request.from_step != "step_one"}{$smarty.request.from_step}{else}step_two{/if}" /><br />
                        <input type="hidden" name="result_ids" value="checkout_steps" /><br />
                                {if $edit}<br />
                                        <div class="width50"><br />
                                                {include file="views/profiles/components/profile_fields.tpl" section="C" nothing_extra="Y" email_extra=$smarty.capture.email_extra}<br />
                                                <div class="right"><a href="{"auth.change_login"|fn_url}">{$lang.sign_in_as_different}</a></div><br />
<br />
                                                {hook name="checkout:checkout_steps"}<br />
                                                        <div class="buttons-container margin-top"><br />
                                                                {include file="buttons/button.tpl" but_name="dispatch[checkout.update_steps]" but_text=$but_text}<br />
                                                        </div><br />
                                                {/hook}<br />
                                        </div><br />
                                {/if}<br />
                        </form><br />
                {/if}<br />
                <br />
                {if !$edit}<br />
                        {hook name="checkout:edit_link"}<br />
                        <div class="right"><br />
                                {include file="buttons/button.tpl" but_href="checkout.checkout?edit_step=step_one&from_step=`$edit_step`" but_rev="checkout_steps" but_meta="cm-ajax" but_text=$lang.change but_role="tool"}<br />
                        </div><br />
                        {/hook}<br />
                {/if}<br />
        </div><br />
<!--step_one--></div>

My guess is it would be in the CSS file. Look for the classes that are called out for the div tags in the tpl file you referenced.

Make sure you've cleared the cache after modifying the template. Otherwise you'll never see the changes.