Login - CrystalCommerce Liquid Documentation for Designers

Login

The login page allows the customer to log into their existing account.

Additional Variables Available

notice
Informational message from the previous step.

Used in Routes

  • /user/login

File: login.liquid

Default Liquid Template

<h1 class="pagetitle">Login</h1>
{% if error %}
<p id="error">
  <strong>{{ "user.login.error_logging_in" | trans }}</strong> {{ error }}
</p>
{% endif %}

<form method="post" action="/user/login" id="quick_login">
  {{ token_tag }}
<table>
  <tr>
    <td><label for="user_email">{{ "user.email" | trans }}</label></td>
    <td><input type="text" name="user[email]" value="" size="14" id="user_email" /></td>
  </tr>
    <tr>
      <td><label for="user_password">{{ "user.password" | trans }}</label></td>
      <td><input type="password" name="user[password]" value="" size="14" id="user_password" /></td>
  </tr>
</table>
<input type="checkbox" name="remember_me" value="1" id="remember_me" checked /> <label for="remember_me" style="display: inline">{{ "user.login.remember_me" | trans }}</label>
</p>
<input type="submit" name="submit" value="{{ "buttons.log_in" | trans }}" />
</form>

<p>
  <a href="/user/forgot_password">{{ "user.login.forgot_password_link" | trans }}</a><br />
  <a href="{{ site.register_url }}">{{ "user.login.register_your_account" | trans }}</a>
</p>

Default Mobile Liquid Template

<header>
  <h1 class="pagetitle">Login</h1>
  {% include 'header_icons' %}
</header>

{% if error %}
<p class="error">Error Logging In: {{ error }}</p>
{% endif %}

{% if notice %}
<p class="notice">{{ notice }}</p>
{% endif %}

<div class="box">
  <form method="post" action="/user/login" id="quick_login">
    {{ token_tag }}
    <p class="field">
      <label for="user_email">{{ "user.email" | trans }}</label>
      <input type="email" name="user[email]" value="" size="14" id="user_email" />
    </p>

    <p class="field">
      <label for="user_password">{{ "user.password" | trans }}</label>
      <input type="password" name="user[password]" value="" size="14" id="user_password" />
    </p>

    <p class="field">
      <input type="checkbox" name="remember_me" value="1" id="remember_me" checked />
      <label for="remember_me" class="for_checkbox">{{ "user.login.remember_me" | trans }}</label>
    </p>

    <p class="field">
      <input type="submit" name="submit" value="{{ "buttons.log_in" | trans }}" />
    </p>
  </form>
</div>

<ul class="ui-buttons">
  <li><a href="/user/forgot_password">{{ "user.login.forgot_password_link" | trans }}</a></li>
  <li><a href="/user/signup">{{ "user.login.register_your_account" | trans }}</a></li>
</ul>

Drops Supported