Tweak Library

Postcode & Suburb Field On Reg Form

Add a postcode and suburb field to the registration form, so that more personal information can be collected.


  • Fashion
  • Fitness & Supplements
  • Health & Beauty
  • Jewellery & Accessories


Coding Instructions

Step 1. Add the HTML to the login template

On the login template customer/login.template.html, paste the following code inside the <form> tag of the registration form:

<div class="col-xs-12 col-md-6">
    <div class="form-group">
        <input type="text" name="reg_bill_zip" id="reg_bill_zip" value="[%session id:'ship_zip'%][%/session%]" size="5" class="form-control" placeholder="Post Code">
<div class="col-xs-12 col-md-6">
    <div class="form-group">
        <label class="control-label" for="bill_city">
            Suburb / City
        <div class="n-wrapper-form-control">
            <span id="shloc_selector"></span>
        <input type="text" id="reg_bill_city" name="reg_bill_city" class="form-control"  value="[%session id:'ship_city'%][%/session%]" size="50" maxlength="50"/>
        <input type="hidden" id="shloc_country" value="AU"/>
        <input type="hidden" name="shloc_state" id="shloc_state" value="[%session id:'ship_state'%][%/session%]"/>

Step 2. Add the Javascript

Paste the following code at the top of the page:

[%site_value id:'footer_javascript'%]
    <script type="text/javascript" language="javascript">
        $(document).ready(function() {

Step 3. Repeat for the register template

Complete steps 1 and 2 on the register template customer/register.template.html.

Final Result

Download Files

Download Files

Was this article useful?

Be notified when this page is updated. Optional.