Postcode and Suburb Selector


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


New Arrival Products

Coding Instructions

1) 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</label>
        <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%]"/>

2) Paste the following code at the top of the page:

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

This step will need repeating for the register template (customer/register.template.html).

Was this article useful?

Be notified when this page is updated. Optional.