Adding Custom User Fields To Checkout and My Account Pages

1. user_misc.md

Custom User Fields to Checkout

Checkout - Prefix the customer user field input field ID with user_ to give you the field name on the Checkout page. So the field with ID - misc7 will have the input field attribute name - user_misc7 on the Checkout page.

---

Custom User Fields to My Account Pages

My Account Page - The input field attribute name should be misc# (e.g misc6) and the input field value should be [@misc#@] (e.g. [@misc6@])

Docs - https://www.neto.com.au/designer-documentati/tips-tricks/adding-custom-customer-fields-to-the-checkout-page/

---

Custom Order Reference to Checkout

Checkout - attribute name with value cusref#

2. onepage.template.html

<!-- Checkout -->									
									
<div class="form-group">
	<label class="control-label col-xs-12 col-sm-4" for="user_misc4">
		Year of Graduation
	  <div class="small text-danger">Required</div>
	</label>
  <div class="col-xs-12 col-sm-8">
	  <input name="user_misc4" class="form-control" type="number" required  value="[@user:misc4@]"/>
  </div>
</div>
<div class="form-group">
	<label class="control-label col-xs-12 col-sm-4" for="user_misc6">
		Member of Australian Dental Association
		<div class="small text-danger">Required</div>
	</label>
	<div class="col-xs-12 col-sm-8">
		<select name="user_misc6" class="form-control" required value="[@user:misc6@]">
			<option value="" ></option>
			<option value="y" [%if [@user:misc6@] eq 'y'%] selected [%/if%] >Yes</option>
			<option value="n" [%if [@user:misc6@] eq 'n'%] selected [%/if%] >No</option>
		</select>
	</div>
</div>
<div class="form-group">
	<label class="control-label col-xs-12 col-sm-4" for="user_misc7">
		Implantology Experience
		<div class="small text-danger">Required</div>
	</label>
	<div class="col-xs-12 col-sm-8">
		<textarea name="user_misc7" rows="3" class="form-control" required >[@user:misc7@]</textarea>
	</div>
</div>

3. template.html

<!-- My Account Page -->											
									
<div class="form-group">
		<label for="misc4">Year of Graduation</label>
		<input name="misc4" id="misc4" class="form-control" type="number" value="[@misc4@]"/>
</div>
		<div class="form-group">
			<label for="misc6">Member of Australian Dental Association</label>
			<select name="misc6" class="form-control" value="[@misc6@]">
				<option value="" ></option>
				<option value="y" [%if [@misc6@] eq 'y'%] selected [%/if%]>Yes</option>
				<option value="n" [%if [@misc6@] eq 'n'%] selected [%/if%]>No</option>
			</select>
		</div>
	<div class="form-group">
		<label for="misc7">Implantology Experience</label>
		<textarea name="misc7" rows="3" class="form-control" >[@misc7@]</textarea>
</div>