login

login

Ordnermein-design/account/login.html
Beispiel-URLdemoshop.versacommerce.de/account/login


HTML-Quellcode

<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="login_form_container">
<h1>{{ 'please_login' | t }}:</h1>
<br />
<form id="customer_login_form" name="customer_login_form" method="post" action="/account/authenticate" data-mode="auth">
<div class="form-group">
<input placeholder="{{ 'email' | t }}" type="text" class="form-control" name="customer[email]" id="customer_email" value="" />
</div>
<div class="form-group">
<input type="hidden" name="customer[password_forgotten]" id="customer_password_forgotten" value="false" class="form-control" />
<input type="password" name="customer[password]" id="login_customer_password" placeholder="{{ 'password' | t }}" class="form-control" />
</div>
<a href="#" class="btn btn-success hidden-xs login_customer_button form-submit">
{{ 'buttons.login' | t }}
</a>
<a href="#" class="btn btn-success btn-lg visible-xs-block login_customer_button form-submit">
{{ 'buttons.login' | t }}
</a>
<a href="#" class="btn btn-link btn-sm password_forgotten">
{{ 'password_forgotten' | t }}
</a>
</form>
</div>
<hr>
<div>
<a href="/account/signup" class="btn btn-default">{{ 'buttons.signup' | t }}</a>
</div>
<br>
</div>
</div>

<script type="text/javascript">
$("a.password_forgotten").click(function(e) {
e.preventDefault();

var resetPasswordButton = $(this);
var resetPasswordField = $('#customer_password_forgotten');
var submitButton = $("a.login_customer_button");
var heading = $(".login_form_container h1");
var form = $('#customer_login_form');

var headingLoginText = "{{ 'please_login' | t }}:";
var buttonLoginText = "{{ 'buttons.login' | t }}";
var resetPasswordText = "{{ 'password_forgotten' | t }}";

$("#login_customer_password").slideToggle(300);

if (form.data('mode') == 'auth') {
heading.html(resetPasswordText);
submitButton.html(resetPasswordText);
resetPasswordButton.html(buttonLoginText);
resetPasswordField.val('true');
form.data('mode', 'reset-password');
} else {
heading.html(headingLoginText);
submitButton.html(buttonLoginText);
resetPasswordButton.html(resetPasswordText);
resetPasswordField.val('false');
form.data('mode', 'auth');
}
});
</script>


    • Related Articles

    • customer

      Ordner mein-design/checkout/customer.html Beispiel-URL demoshop.versacommerce.de/checkout HTML-Quellcode {% if shop.customer_accounts_optional? or shop.customer_accounts_required? %} <div class="row choose_account"> <div class="col-md-4"> <div ...