New Referral - CrystalCommerce Liquid Documentation for Designers
CC Designer Docs

New Referral

The new referral page allows the customer to enter the email addresses of friends they’d like to refer to the store.

Additional Variables Available

None

Requirements

  • The store must have the ReferAFriend pref enabled.

Used in Routes

  • /referafriend/new

File: new_referral.liquid

Default Liquid Template

<script>

//This is the function for adding more fields, it takes the index of the field.
function addField(field_counter) {
  var ni = document.getElementById('inputDiv');
  var newdiv = document.createElement('div');
  newdiv.innerHTML = "<input type=\"text\" size=\"22\" value=\"\" name=\"referafriend_emails["+field_counter+"]\"><br />";
  ni.appendChild(newdiv);
}

var field_counter = 1;
</script>

<form action="/referafriend/create" method="post">
{{ token_tag }}
  <h2>{{ "refer_a_friend.refer_a_friend" | trans }}</h2><br />

  <p>{{ "refer_a_friend.explanation" | trans }}</p>

  <p>{{ "refer_a_friend.limitations" | trans }}</p>

  <p>{{ "refer_a_friend.enter_emails" | trans }}</p>
  <div id='inputDiv'>
    <input type="text" size="22" value="" name="referafriend_emails[1]"><br />
  </div>
  <a href="#" onclick="field_counter = field_counter+1; addField(field_counter);">{{ "refer_a_friend.add_another_email_link" | trans }}</a><br />
  <input type="submit" value="{{ "buttons.submit" | trans }}" />
</form>

Default Mobile Liquid Template

<script>

//This is the function for adding more fields, it takes the index of the field.
function addField(field_counter) {
  var ni = document.getElementById('inputDiv');
  var newdiv = document.createElement('div');
  newdiv.innerHTML = "<input type=\"text\" size=\"22\" value=\"\" name=\"referafriend_emails["+field_counter+"]\"><br />";
  ni.appendChild(newdiv);
}

var field_counter = 1;
</script>

<form action="/referafriend/create" method="post">
{{ token_tag }}
  <h2>{{ "refer_a_friend.refer_a_friend" | trans }}</h2><br />
	
  <p>{{ "refer_a_friend.explanation" | trans }}</p>
	
  <p>{{ "refer_a_friend.limitations" | trans }}</p>
	
  <p>{{ "refer_a_friend.enter_emails" | trans }}</p>
  <div id='inputDiv'>
    <input type="text" size="22" value="" name="referafriend_emails[1]"><br />
  </div>
  <a href="#" onclick="field_counter = field_counter+1; addField(field_counter);">{{ "refer_a_friend.add_another_email_link" | trans }}</a><br />
  <input type="submit" value="{{ "buttons.submit" | trans }}" />
</form>

Drops Supported