how to reorganized registration form's field order

blessmeluck · December 13, 2013

I'm using 1.5.6

with a third party shipping cost module, but they are using country as province, and state as city.

I want to change the order of the field, so it wont be confusing, since it is a dropdown menu that connect to above field autoload.

Please refer to the picture below.

Thank you for helping

blessmeluck · December 14, 2013

anyhelp?

vekia · December 14, 2013

you have to modify authentication.tpl file located in your theme directory.

you can define there fields order

blessmeluck · December 16, 2013

Would you please tell me, which part should i change? i tried to modify some, but wont work..

vekia · December 16, 2013

while you're changing theme .tpl files - turn on force compile and clear cache (you can do it under adv. paramters > performance tab)

blessmeluck · December 16, 2013

thank you vekia,

however, what i meant is i dont know which part of authentication.tpl i should modify to archive what i want. would you please tell me, which line of command should i change?

vekia · December 17, 2013

move code:

	{elseif $field_name eq "Country:name" || $field_name eq "country"}
						<p class="required select">
							<label for="id_country">{l s='Country'} <sup>*</sup></label>
							<select name="id_country" id="id_country">
								{foreach from=$countries item=v}
									<option value="{$v.id_country}" {if ($sl_country == $v.id_country)} selected="selected"{/if}>{$v.name}</option>
								{/foreach}
							</select>
						</p>

after this:

{elseif $field_name eq "State:name"}
						{assign var='stateExist' value=true}
						<p class="required id_state select">
							<label for="id_state">{l s='State'} <sup>*</sup></label>
							<select name="id_state" id="id_state">
								<option value="">-</option>
							</select>
						</p>

blessmeluck · December 20, 2013

I've done that, but it is not working, the field is still in the same position, and of course i have clear cache and forced compilation

vekia · December 20, 2013

code that i provided above appears in this file two times, you have to move both of them.

also, after changes - recompile your theme

blessmeluck · December 21, 2013

Vekia, i did moved both code in this file. And clear cache & force compilation. But still the same, they're not moving..

Is there any other files to edit?

vekia · December 21, 2013

ok so i need to ask: about what register form you're talking?

about simple register page, or maybe about a part of order process?

blessmeluck · December 22, 2013

I dont know where exactly is "simple register page" or "part of order process"

But what i meant is from the "LOGIN" link on right top of everypage, and also when i checkout from shopping

vekia · December 22, 2013

so we are talking about authentication.tpl file,

can you show contents of this file? i will inspect it and change code for you.

blessmeluck · December 23, 2013

{*

* 2007-2013 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

{capture name=path}

{if !isset($email_create)}{l s='Authentication'}{else}

<a href="{$link->getPageLink('authentication', true)|escape:'html'}" rel="nofollow" title="{l s='Authentication'}">{l s='Authentication'}</a>

<span class="navigation-pipe">{$navigationPipe}</span>{l s='Create your account'}

{/if}

{/capture}

{include file="$tpl_dir./breadcrumb.tpl"}

// <![CDATA[

var idSelectedCountry = {if isset($smarty.post.id_state)}{$smarty.post.id_state|intval}{else}false{/if};

var countries = new Array();

var countriesNeedIDNumber = new Array();

var countriesNeedZipCode = new Array();

{if isset($countries)}

{foreach from=$countries item='country'}

{if isset($country.states) && $country.contains_states}

countries[{$country.id_country|intval}] = new Array();

{foreach from=$country.states item='state' name='states'}

countries[{$country.id_country|intval}].push({ldelim}'id' : '{$state.id_state|intval}', 'name' : '{$state.name|addslashes}'{rdelim});

{/foreach}

{/if}

{if $country.need_identification_number}

countriesNeedIDNumber.push({$country.id_country|intval});

{/if}

{if isset($country.need_zip_code)}

countriesNeedZipCode[{$country.id_country|intval}] = {$country.need_zip_code};

{/if}

{/foreach}

{/if}

$(function(){ldelim}

$('.id_state option[value={if isset($smarty.post.id_state)}{$smarty.post.id_state|intval}{else}{if isset($address)}{$address->id_state|intval}{/if}{/if}]').attr('selected', true);

{rdelim});

//]]>

{literal}

$(document).ready(function() {

$('#company').on('input',function(){

vat_number();

});

vat_number();

function vat_number()

{

if ($('#company').val() != '')

$('#vat_number').show();

else

$('#vat_number').hide();

}

});

{/literal}

</script>

<h1>{if !isset($email_create)}{l s='Authentication'}{else}{l s='Create an account'}{/if}</h1>

{if !isset($back) || $back != 'my-account'}{assign var='current_step' value='login'}{include file="$tpl_dir./order-steps.tpl"}{/if}

{include file="$tpl_dir./errors.tpl"}

{assign var='stateExist' value=false}

{assign var="postCodeExist" value=false}

{if !isset($email_create)}

{literal}

$(document).ready(function(){

// Retrocompatibility with 1.4

if (typeof baseUri === "undefined" && typeof baseDir !== "undefined")

baseUri = baseDir;

$('#create-account_form').submit(function(){

submitFunction();

return false;

});

function submitFunction()

{

$('#create_account_error').html('').hide();

//send the ajax request to the server

$.ajax({

type: 'POST',

url: baseUri,

async: true,

cache: false,

dataType : "json",

data: {

controller: 'authentication',

SubmitCreate: 1,

ajax: true,

email_create: $('#email_create').val(),

back: $('input[name=back]').val(),

token: token

},

success: function(jsonData)

{

if (jsonData.hasError)

{

var errors = '';

for(error in jsonData.errors)

//IE6 bug fix

if(error != 'indexOf')

errors += '<li>'+jsonData.errors[error]+'</li>';

$('#create_account_error').html('<ol>'+errors+'</ol>').show();

}

else

{

// adding a div to display a transition

$('#center_column').html('<div id="noSlide">'+$('#center_column').html()+'</div>');

$('#noSlide').fadeOut('slow', function(){

$('#noSlide').html(jsonData.page);

// update the state (when this file is called from AJAX you still need to update the state)

bindStateInputAndUpdate();

$(this).fadeIn('slow', function(){

document.location = '#account-creation';

});

}

},

error: function(XMLHttpRequest, textStatus, errorThrown)

{

alert("TECHNICAL ERROR: unable to load form.\n\nDetails:\nError thrown: " + XMLHttpRequest + "\n" + 'Text status: ' + textStatus);

}

});

}

{/literal}

</script>

<!--{if isset($authentification_error)}

{if {$authentification_error|@count} == 1}

<p>{l s='There\'s at least one error'} :</p>

{else}

<p>{l s='There are %s errors' sprintf=[$account_error|@count]} :</p>

{/if}

<ol>

{foreach from=$authentification_error item=v}

{/foreach}

</ol>

</div>

{/if}-->

<form action="{$link->getPageLink('authentication', true)|escape:'html'}" method="post" id="create-account_form" class="std">

<h3>{l s='Create an account'}</h3>

<p class="title_block">{l s='Please enter your email address to create an account.'}</p>

<label for="email_create">{l s='Email address'}</label>

</p>

{if isset($back)}<input type="hidden" class="hidden" name="back" value="{$back|escape:'htmlall':'UTF-8'}" />{/if}

</p>

</div>

</fieldset>

</form>

<form action="{$link->getPageLink('authentication', true)|escape:'html'}" method="post" id="login_form" class="std">

<h3>{l s='Already registered?'}</h3>

<label for="email">{l s='Email address'}</label>

</p>

<label for="passwd">{l s='Password'}</label>

</p>

<p class="lost_password"><a href="{$link->getPageLink('password')|escape:'html'}" title="{l s='Recover your forgotten password'}" rel="nofollow">{l s='Forgot your password?'}</a></p>

{if isset($back)}<input type="hidden" class="hidden" name="back" value="{$back|escape:'htmlall':'UTF-8'}" />{/if}

</p>

</div>

</fieldset>

</form>

{if isset($inOrderProcess) && $inOrderProcess && $PS_GUEST_CHECKOUT_ENABLED}

<form action="{$link->getPageLink('authentication', true, NULL, "back=$back")|escape:'html'}" method="post" id="new_account_form" class="std clearfix">

<h3>{l s='Instant checkout'}</h3>

<label for="guest_email">{l s='Email address'} <sup>*</sup></label>

</p>

<span>{l s='Title'}</span>

{foreach from=$genders key=k item=gender}

<input type="radio" name="id_gender" id="id_gender{$gender->id}" value="{$gender->id}"{if isset($smarty.post.id_gender) && $smarty.post.id_gender == $gender->id} checked="checked"{/if} />

<label for="id_gender{$gender->id}" class="top">{$gender->name}</label>

{/foreach}

</p>

<label for="firstname">{l s='First name'} <sup>*</sup></label>

</p>

</p>

<span>{l s='Date of Birth'}</span>

{foreach from=$days item=day}

{/foreach}

</select>

{*

{l s='January'}

{l s='February'}

{l s='March'}

{l s='April'}

{l s='May'}

{l s='June'}

{l s='July'}

{l s='August'}

{l s='September'}

{l s='October'}

{l s='November'}

{l s='December'}

*}

{foreach from=$months key=k item=month}

<option value="{$k}" {if ($sl_month == $k)} selected="selected"{/if}>{l s=$month} </option>

{/foreach}

</select>

{foreach from=$years item=year}

{/foreach}

</select>

</p>

{if isset($newsletter) && $newsletter}

<label for="newsletter">{l s='Sign up for our newsletter!'}</label>

</p>

<label for="optin">{l s='Receive special offers from our partners!'}</label>

</p>

{/if}

<h3>{l s='Delivery address'}</h3>

{foreach from=$dlv_all_fields item=field_name}

{if $field_name eq "company"}

<label for="company">{l s='Company'}</label>

</p>

{elseif $field_name eq "vat_number"}

<label for="vat_number">{l s='VAT number'}</label>

</p>

</div>

{elseif $field_name eq "address1"}

<label for="address1">{l s='Address'} <sup>*</sup></label>

</p>

{elseif $field_name eq "postcode"}

{assign var='postCodeExist' value=true}

<label for="postcode">{l s='Zip / Postal Code'} <sup>*</sup></label>

</p>

{elseif $field_name eq "city"}

</p>

<!--

if customer hasn't update his layout address, country has to be verified

but it's deprecated

-->

{elseif $field_name eq "State:name"}

{assign var='stateExist' value=true}

<label for="id_state">{l s='State'} <sup>*</sup></label>

</select>

</p>

{elseif $field_name eq "Country:name" || $field_name eq "country"}

<label for="id_country">{l s='Country'} <sup>*</sup></label>

{foreach from=$countries item=v}

{/foreach}

</select>

</p>

{elseif $field_name eq "phone"}

<label for="phone">{l s='Phone'}{if isset($one_phone_at_least) && $one_phone_at_least} <sup>*</sup>{/if}</label>

</p>

{/if}

{/foreach}

{if $stateExist eq false}

<label for="id_state">{l s='State'} <sup>*</sup></label>

</select>

</p>

{/if}

{if $postCodeExist eq false}

<label for="postcode">{l s='Zip / Postal Code'} <sup>*</sup></label>

</p>

{/if}

</div>

</fieldset>

<h3>{l s='Tax identification'}</h3>

<label for="dni">{l s='Identification number'}</label>

</p>

</fieldset>

{$HOOK_CREATE_ACCOUNT_FORM}

<span><sup>*</sup>{l s='Required field'}</span>

</p>

</form>

{/if}

{else}

<!--{if isset($account_error)}

{if {$account_error|@count} == 1}

<p>{l s='There\'s at least one error'} :</p>

{else}

<p>{l s='There are %s errors' sprintf=[$account_error|@count]} :</p>

{/if}

<ol>

{foreach from=$account_error item=v}

{/foreach}

</ol>

</div>

{/if}-->

<form action="{$link->getPageLink('authentication', true)|escape:'html'}" method="post" id="account-creation_form" class="std">

{$HOOK_CREATE_ACCOUNT_TOP}

<h3>{l s='Your personal information'}</h3>

<span>{l s='Title'}</span>

{foreach from=$genders key=k item=gender}

<input type="radio" name="id_gender" id="id_gender{$gender->id}" value="{$gender->id}" {if isset($smarty.post.id_gender) && $smarty.post.id_gender == $gender->id}checked="checked"{/if} />

<label for="id_gender{$gender->id}" class="top">{$gender->name}</label>

{/foreach}

</p>

<label for="customer_firstname">{l s='First name'} <sup>*</sup></label>

</p>

</p>

<label for="email">{l s='Email'} <sup>*</sup></label>

</p>

<label for="passwd">{l s='Password'} <sup>*</sup></label>

<span class="form_info">{l s='(Five characters minimum)'}</span>

</p>

<span>{l s='Date of Birth'}</span>

{foreach from=$days item=day}

{/foreach}

</select>

{*

{l s='January'}

{l s='February'}

{l s='March'}

{l s='April'}

{l s='May'}

{l s='June'}

{l s='July'}

{l s='August'}

{l s='September'}

{l s='October'}

{l s='November'}

{l s='December'}

*}

{foreach from=$months key=k item=month}

<option value="{$k}" {if ($sl_month == $k)} selected="selected"{/if}>{l s=$month} </option>

{/foreach}

</select>

{foreach from=$years item=year}

{/foreach}

</select>

</p>

{if $newsletter}

<label for="newsletter">{l s='Sign up for our newsletter!'}</label>

</p>

<label for="optin">{l s='Receive special offers from our partners!'}</label>

</p>

{/if}

</fieldset>

{if $b2b_enable}

<h3>{l s='Your company information'}</h3>

<label for="">{l s='Company'}</label>

</p>

<label for="siret">{l s='SIRET'}</label>

</p>

</p>

<label for="website">{l s='Website'}</label>

</p>

</fieldset>

{/if}

{if isset($PS_REGISTRATION_PROCESS_TYPE) && $PS_REGISTRATION_PROCESS_TYPE}

<h3>{l s='Your address'}</h3>

{foreach from=$dlv_all_fields item=field_name}

{if $field_name eq "company"}

{if !$b2b_enable}

<label for="company">{l s='Company'}</label>

</p>

{/if}

{elseif $field_name eq "vat_number"}

<label for="vat_number">{l s='VAT number'}</label>

</p>

</div>

{elseif $field_name eq "firstname"}

<label for="firstname">{l s='First name'} <sup>*</sup></label>

</p>

{elseif $field_name eq "lastname"}

</p>

{elseif $field_name eq "address1"}

<label for="address1">{l s='Address'} <sup>*</sup></label>

<span class="inline-infos">{l s='Street address, P.O. Box, Company name, etc.'}</span>

</p>

{elseif $field_name eq "address2"}

<label for="address2">{l s='Address (Line 2)'}</label>

<span class="inline-infos">{l s='Apartment, suite, unit, building, floor, etc...'}</span>

</p>

{elseif $field_name eq "postcode"}

{assign var='postCodeExist' value=true}

<label for="postcode">{l s='Zip / Postal Code'} <sup>*</sup></label>

</p>

{elseif $field_name eq "city"}

</p>

<!--

if customer hasn't update his layout address, country has to be verified

but it's deprecated

-->

{elseif $field_name eq "State:name" || $field_name eq 'state'}

{assign var='stateExist' value=true}

<label for="id_state">{l s='State'} <sup>*</sup></label>

</select>

</p>

{elseif $field_name eq "Country:name" || $field_name eq "country"}

<label for="id_country">{l s='Country'} <sup>*</sup></label>

{foreach from=$countries item=v}

{/foreach}

</select>

</p>

{/if}

{/foreach}

{if $postCodeExist eq false}

<label for="postcode">{l s='Zip / Postal Code'} <sup>*</sup></label>

</p>

{/if}

{if $stateExist eq false}

<label for="id_state">{l s='State'} <sup>*</sup></label>

</select>

</p>

{/if}

<label for="other">{l s='Additional information'}</label>

<textarea name="other" id="other" cols="26" rows="3">{if isset($smarty.post.other)}{$smarty.post.other}{/if}</textarea>

</p>

{if isset($one_phone_at_least) && $one_phone_at_least}

<p class="inline-infos">{l s='You must register at least one phone number.'}</p>

{/if}

<label for="phone">{l s='Home phone'}</label>

</p>

<label for="phone_mobile">{l s='Mobile phone'}{if isset($one_phone_at_least) && $one_phone_at_least} <sup>*</sup>{/if}</label>

</p>

<label for="alias">{l s='Assign an address alias for future reference.'} <sup>*</sup></label>

</p>

</fieldset>

<h3>{l s='Tax identification'}</h3>

<label for="dni">{l s='Identification number'} <sup>*</sup></label>

</p>

</fieldset>

{/if}

{$HOOK_CREATE_ACCOUNT_FORM}

{if isset($back)}<input type="hidden" class="hidden" name="back" value="{$back|escape:'htmlall':'UTF-8'}" />{/if}

<span><sup>*</sup>{l s='Required field'}</span>

</p>

</form>

{/if}

blessmeluck · December 23, 2013

Sorry for the long code.

I want to move the "country" to be the first before "state". and completely remove the "city" and "last name"

Thanks for your effort vekia, highly appreciate it.

how to reorganized registration form's field order

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in