Skip to content

Instantly share code, notes, and snippets.

@jebai0521
Last active October 31, 2019 15:03
Show Gist options
  • Save jebai0521/04c689818abe2470ece5ccaed1318cb2 to your computer and use it in GitHub Desktop.
Save jebai0521/04c689818abe2470ece5ccaed1318cb2 to your computer and use it in GitHub Desktop.
<div id="IssueCardForm" class="form-vertical hide">
{% form 'customer_login' %}
{{ form.errors | default_errors }}
<label for="CustomerEmail" class="hidden-label">{{ 'customer.login.email' | t }}</label>
<input type="phone" name="customer[phone]" id="CustomerPhone" class="input-full{% if form.errors contains 'email' %} error{% endif %}" placeholder="{{ 'customer.login.phone' | t }}" autocorrect="off" autocapitalize="off" autofocus>
<!-- {% if form.password_needed %}
<label for="CustomerPassword" class="hidden-label">{{ 'customer.login.password' | t }}</label>
<input type="password" value="" name="customer[password]" id="CustomerPassword" class="input-full{% if form.errors contains 'password' %} error{% endif %}" placeholder="{{ 'customer.login.password' | t }}">
{% endif %} -->
<p>
<input type="submit" class="btn btn--full" value="{{ 'customer.login.sign_in' | t }}">
</p>
<!-- <p>{{ 'layout.customer.create_account' | t | customer_register_link }}</p>
<p><a href="{{ shop.url }}">{{ 'customer.login.cancel' | t }}</a></p> -->
<!-- {% if form.password_needed %}
<p><a href="#recover" id="RecoverPassword">{{ 'customer.login.forgot_password' | t }}</a></p>
{% endif %} -->
<div class="text-center">
<a href="https://itunes.apple.com/app/perkd-loyalty-reward-cards/id483062554" target="_blank">
<img style="width: auto; height: 2.8rem;" src="https://static-jebai.s3.us-east-2.amazonaws.com/I/Perkd/landing/applestore.tw.png" alt="">
</a>
<a href="https://play.google.com/store/apps/details?id=me.perkd" target="_blank">
<img style="width: auto; height: 2.8rem;" src="https://static-jebai.s3.us-east-2.amazonaws.com/I/Perkd/landing/googlestore.tw.png" alt="">
</a>
<div>
{% endform %}
</div>
<!-- /templates/customers/login.liquid -->
<div class="grid">
<div class="grid__item large--one-third push--large--one-third text-center">
<header class="section-header">
<h1>{{ 'customer.login.title' | t }}</h1>
<hr class="hr--small">
</header>
{% comment %}
If a user has successfully requested a new password, the form.posted_successfully? variable
is set to true within the 'recover_customer_password' form only. Within that form you'll see
the variable 'resetPassword' set to true, which is used to initialize timber.resetPasswordSuccess().
{% endcomment %}
<div class="note form-success" id="ResetSuccess" style="display:none;">
{{ 'customer.recover_password.success' | t }}
</div>
<div id="CustomerLoginForm" class="form-vertical">
{% form 'customer_login' %}
{{ form.errors | default_errors }}
<label for="CustomerEmail" class="hidden-label">{{ 'customer.login.email' | t }}</label>
<input type="email" name="customer[email]" id="CustomerEmail" class="input-full{% if form.errors contains 'email' %} error{% endif %}" placeholder="{{ 'customer.login.email' | t }}" autocorrect="off" autocapitalize="off" autofocus>
{% if form.password_needed %}
<label for="CustomerPassword" class="hidden-label">{{ 'customer.login.password' | t }}</label>
<input type="password" value="" name="customer[password]" id="CustomerPassword" class="input-full{% if form.errors contains 'password' %} error{% endif %}" placeholder="{{ 'customer.login.password' | t }}">
{% endif %}
<p>
<input type="submit" class="btn btn--full" value="{{ 'customer.login.sign_in' | t }}">
</p>
<p>{{ 'layout.customer.create_account' | t | customer_register_link }}</p>
<p><a href="{{ shop.url }}">{{ 'customer.login.cancel' | t }}</a></p>
{% if form.password_needed %}
<p><a href="#recover" id="RecoverPassword">{{ 'customer.login.forgot_password' | t }}</a></p>
{% endif %}
{% endform %}
</div>
<div id="CustomerLoginForm" class="form-vertical">
{% form 'customer_login' %}
{{ form.errors | default_errors }}
<label for="CustomerEmail" class="hidden-label">{{ 'customer.login.email' | t }}</label>
<input type="email" name="customer[email]" id="CustomerEmail" class="input-full{% if form.errors contains 'email' %} error{% endif %}" placeholder="{{ 'customer.login.email' | t }}" autocorrect="off" autocapitalize="off" autofocus>
{% if form.password_needed %}
<label for="CustomerPassword" class="hidden-label">{{ 'customer.login.password' | t }}</label>
<input type="password" value="" name="customer[password]" id="CustomerPassword" class="input-full{% if form.errors contains 'password' %} error{% endif %}" placeholder="{{ 'customer.login.password' | t }}">
{% endif %}
<p>
<input type="submit" class="btn btn--full" value="{{ 'customer.login.sign_in' | t }}">
</p>
<p>{{ 'layout.customer.create_account' | t | customer_register_link }}</p>
<p><a href="{{ shop.url }}">{{ 'customer.login.cancel' | t }}</a></p>
{% if form.password_needed %}
<p><a href="#recover" id="RecoverPassword">{{ 'customer.login.forgot_password' | t }}</a></p>
{% endif %}
{% endform %}
</div>
{% comment %}
JS shows/hides this form in timber.loginForms()
{% endcomment %}
<div id="RecoverPasswordForm" style="display: none;">
<h2>{{ 'customer.recover_password.title' | t }}</h2>
<p>{{ 'customer.recover_password.subtext' | t }}</p>
<hr class="hr--small">
<div class="form-vertical">
{% form 'recover_customer_password' %}
{{ form.errors | default_errors }}
{% comment %}
Assign variable to be used after timber.init() is run in theme.liquid
{% endcomment %}
{% if form.posted_successfully? %}
{% assign resetPassword = true %}
{% endif %}
<label for="RecoverEmail" class="hidden-label">{{ 'customer.recover_password.email' | t }}</label>
<input type="email" value="" name="email" id="RecoverEmail" class="input-full" placeholder="{{ 'customer.recover_password.email' | t }}" autocorrect="off" autocapitalize="off">
<p>
<input type="submit" class="btn btn--full" value="{{ 'customer.recover_password.submit' | t }}">
</p>
<button type="button" id="HideRecoverPasswordLink">{{ 'customer.recover_password.cancel' | t }}</button>
{% endform %}
</div>
</div>
{% comment %}
If accounts are set as optional, the following will be shown as an option
during checkout, not on the default /login page.
{% endcomment %}
{% if shop.checkout.guest_login %}
<hr class="hr--clear">
<h1>{{ 'customer.login.guest_title' | t }}</h1>
<hr class="hr--small">
{% form 'guest_login' %}
<input type="submit" class="btn" value="{{ 'customer.login.guest_continue' | t }}">
{% endform %}
{% endif %}
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment