customer

customer

Ordnermein-design/checkout/customer.html
Beispiel-URLdemoshop.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 class="radio">
<label for="create_customer_account_yes"{% if customer.logged_in? %} class="disabled"{% endif %}>
<input type="radio" id="create_customer_account_yes" name="create_customer_account_choice" value="yes"{% if customer.logged_in? %} disabled="disabled"{% endif %} data-update-origin="#create_customer_account"{% if customer.wants_account? %} checked="checked"{% endif %} />
{{ 'create_account_choice' | t }}
</label>
</div>
</div>

<div class="col-md-4">
<div class="radio">
<label for="has_customer_account">
<input type="radio" id="has_customer_account" name="create_customer_account_choice" value="" data-update-origin="#create_customer_account"{% unless customer.wants_account? or customer.use_guest_account? %} checked="checked"{% endunless %} />
{{ 'use_account_choice' | t }}
</label>
</div>
</div>

{% unless shop.customer_accounts_required? %}
<div class="col-md-4">
<div class="radio">
<label for="create_customer_account_no"{% if customer.logged_in? %} class="disabled"{% endif %}>
<input type="radio" id="create_customer_account_no" name="create_customer_account_choice" value="no"{% if customer.logged_in? %} disabled="disabled"{% endif %} data-update-origin="#create_customer_account"{% if customer.use_guest_account? %} checked="checked"{% endif %} />
{{ 'guest_account_choice' | t }}
</label>
</div>
</div>
{% endunless %}
</div>

<hr />
{% endif %}

<div class="row">
<div class="col-md-4 sidebar-left">
{% unless shop.customer_accounts_disabled? %}
<div class="login_form_container"{% if customer.wants_account? or customer.use_guest_account?%} style="display: none;"{% endif %}{% if customer.logged_in? %} data-logged-in="true"{% endif %}>
{% if customer.logged_in? %}
<h2>{{ 'account' | t }}</h2>
<h4>{{ 'email' | t }}</h4>
<p></p>
<em>{% if customer.active %}{{ "activated" | t }}{% else %}{{ "not_activated" | t }}{% endif %}</em>
{% else %}
<h2>{{ 'login' | t }}</h2>
<p class="customer_login_info">{{ 'already_registered_please_login' | t }}</p>
<form id="customer_login_form" name="customer_login_form" method="post" action="/account/authenticate" data-mode="auth">
<div class="form-group">
<input id="login_customer_email" type="text" class="form-control" value="" name="customer[email]" placeholder="{{ 'email' | t }}" />
</div>
<div class="form-group">
<input type="hidden" name="checkout_account" value="registered_account" />
<input type="hidden" name="locale" value="" />
<input type="hidden" name="return_to" value="/checkout{% if locale != 'de' %}?locale={% endif %}" />
<input id="customer_password_forgotten" type="hidden" class="form-control" value="false" name="customer[password_forgotten]" />
<input id="login_customer_password" type="password" class="form-control" value="" name="customer[password]" placeholder="{{ 'password' | t }}" />
</div>
<a class="btn btn-success hidden-xs login_customer_button form-submit">{{ 'buttons.login' | t }}</a>
<a 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>
<hr />
<p class="visible-xs-block"></p>
{% endif %}
</div>

<div class="create_account" style="display: {% if customer.wants_account %}block{% else %}none{% endif %};">
<h2>{{ 'create_account_heading' | t }}</h2>

<p class="customer_account_info">{{ 'create_account_description' | t }}</p>

<input id="customer_email_account" type="text" class="form-control" value="" name="customer[email]" placeholder="{{ 'email_address' | t }}" data-update-origin="#customer_email" />

<br>
<div class="well well-sm">
<small>{{ "email_address_info" | t }}</small>
</div>
<hr>
<p class="visible-xs-block"></p>
</div>
{% endunless %}
{% unless shop.customer_accounts_required? %}
<div class="guest_account" style="display: {% if shop.customer_accounts_disabled? or customer.use_guest_account? %}block{% else %}none{% endif %};">
<h2>{{ 'guest_account_heading' | t }}</h2>

<p>{{ 'guest_account_description' | t }}</p>

<input id="customer_email_guest" type="text" class="form-control" value="" name="customer[email]" placeholder="{{ 'email_address' | t }}" data-update-origin="#customer_email" />

<br>
<div class="well well-sm">
<small>{{ "email_address_info" | t }}</small>
</div>
<hr>
<p class="visible-xs-block"></p>
</div>
{% endunless %}
</div>

<div class="col-md-8 maincontent">
<form action="/checkout/customer_addresses" method="post" id="customer_form" name="customer_form">

<input id="create_customer_account" type="hidden" value="{% if customer.wants_account? %}yes{% elsif customer.use_guest_account? %}no{% endif %}" name="create_customer_account" />
<input id="customer_email" type="hidden" value="" name="customer[email]" />

<h2 data-fade="true">{{ 'your_address_data' | t }}</h2>

<div class="row" data-fade="true">
<div class="col-md-6">
<h4>{{ 'where_to_deliver' | t }}</h4>
<div class="checkbox">
<label>
<input id="use_shipping_address" type="checkbox" value="1" name="use_shipping_address" {% if customer.uses_shipping_as_billing_address %}checked="checked"{% endif %}/>
{{ 'to_billing_address' | t }}
</label>
</div>
</div>
<div class="col-md-6"></div>
</div>

<div class="row" data-fade="true">
<div class="col-md-6 col-md-push-6">
<div class="shipping_address"{% unless customer.uses_shipping_as_billing_address %} style="display: block;"{% endunless %}>
<p class="spacer clearfix visible-xs"></p>
<h4>{{ 'shipping_address' | t }}:</h4>
{% if shop.show_company %}
<div class="form-group">
<input placeholder="{{ 'company' | t }}" type="text" class="form-control" name="shipping_address[company]" id="shipping_address_company" value="" />

</div>
{% endif %}
<div class="row form-group">
<div class="col-xs-12">
{% if customer.billing_address.title != blank %}{% assign title = customer.billing_address.title %}{% else %}{% capture title %}{{ "mr" | t }}{% endcapture %}{% endif %}
<label class="radio-inline" for="shipping_address_title_mr">
<input type="radio" name="shipping_address[title]" id="shipping_address_title_mr" value="Herr" {% if title == 'Herr' %}checked="checked"{% endif %} />
{{ "mr" | t }}
</label>
<label class="radio-inline" for="shipping_address_title_ms">
<input type="radio" name="shipping_address[title]" id="shipping_address_title_ms" value="Frau" {% if title == 'Frau' %}checked="checked"{% endif %} />
{{ "mrs" | t }}
</label>
</div>
<div class="col-xs-12">

</div>
</div>
<div class="form-group">
<input placeholder="{{ 'first_name' | t }}" type="text" class="form-control" name="shipping_address[firstname]" id="shipping_address_firstname" value="" />

</div>
<div class="form-group">
<input placeholder="{{ 'last_name' | t }}" type="text" class="form-control" name="shipping_address[lastname]" id="shipping_address_lastname" value="" />

</div>
<div class="row form-group">
<div class="col-xs-8">
<input placeholder="{{ 'street' | t }}" type="text" class="form-control" name="shipping_address[street]" id="shipping_address_street" value="" />
</div>
<div class="col-xs-4">
<input placeholder="{{ 'number' | t }}" type="text" class="form-control" name="shipping_address[streetnumber]" id="shipping_address_streetnumber" value="" />
</div>
<div class="col-xs-12">


</div>
</div>
{% if shop.show_address_extension %}
<div class="form-group">
<input placeholder="{{ 'adress_line_2' | t }}" type="text" class="form-control" name="shipping_address[extension]" id="shipping_address_extension" value="" />
</div>
{% endif %}
<div class="row form-group">
<div class="col-xs-4">
<input placeholder="{{ 'zipcode' | t }}" type="text" class="form-control" name="shipping_address[zipcode]" id="shipping_address_zipcode" value="" />
</div>
<div class="col-xs-8">
<input placeholder="{{ 'city' | t }}" type="text" class="form-control" name="shipping_address[city]" id="shipping_address_city" value="" />
</div>
<div class="col-xs-12">


</div>
</div>
<div class="form-group">
<select name="shipping_address[country]" class="form-control" id="shipping_address_country">
{% if customer.shipping_address.country != blank %}{% assign country = customer.shipping_address.country %}{% elsif cart.destination_country != blank %}{% assign country = cart.destination_country %}{% else assign country = "DE" %}{% endif %}
{% for country_option in cart.delivery_countries %}
<option{% if country == country_option %} selected="selected"{% endif %} value=""></option>
{% endfor %}
</select>
</div>
{% if shop.show_phone %}
<div class="form-group">
<input placeholder="{{ 'phone' | t }}" type="text" class="form-control" name="shipping_address[phone]"  id="shipping_address_phone" value="" />
<p class="help-block">{{ "phone_info" | t }}</p>

</div>
{% endif %}
</div>
<p class="spacer clearfix visible-xs"></p>

</div>

<div class="col-md-6 col-md-pull-6">
<div class="billing_address">
<h4>{{ 'billing_address' | t }}:</h4>
{% if shop.show_company %}
<div class="form-group">
<input placeholder="{{ 'company' | t }}" type="text" class="form-control" name="billing_address[company]" id="billing_address_company" value="" />

</div>
{% endif %}
<div class="row form-group">
<div class="col-xs-12">
{% if customer.billing_address.title != blank %}{% assign title = customer.billing_address.title %}{% else %}{% capture title %}{{ "mr" | t }}{% endcapture %}{% endif %}
<label class="radio-inline" for="billing_address_title_mr">
<input type="radio" name="billing_address[title]" id="billing_address_title_mr" value="Herr" {% if title == 'Herr' %}checked="checked"{% endif %} />
{{ "mr" | t }}
</label>
<label class="radio-inline" for="billing_address_title_ms">
<input type="radio" name="billing_address[title]" id="billing_address_title_ms" value="Frau" {% if title == 'Frau' %}checked="checked"{% endif %} />
{{ "mrs" | t }}
</label>
</div>
<div class="col-xs-12">

</div>
</div>
<div class="form-group">
<input placeholder="{{ 'first_name' | t }}" type="text" class="form-control" name="billing_address[firstname]" id="billing_address_firstname" value="" />

</div>
<div class="form-group">
<input placeholder="{{ 'last_name' | t }}" type="text" class="form-control" name="billing_address[lastname]" id="billing_address_lastname" value="" />

</div>
<div class="row form-group">
<div class="col-xs-8">
<input placeholder="{{ 'street' | t }}" type="text" class="form-control" name="billing_address[street]" id="billing_address_street" value="" />
</div>
<div class="col-xs-4">
<input placeholder="{{ 'number' | t }}" type="text" class="form-control" name="billing_address[streetnumber]" id="billing_address_streetnumber" value="" />
</div>
<div class="col-xs-12">


</div>
</div>
{% if shop.show_address_extension %}
<div class="form-group">
<input placeholder="{{ 'adress_line_2' | t }}" type="text" class="form-control" name="billing_address[extension]" id="billing_address_extension" value="" />
</div>
{% endif %}
<div class="row form-group">
<div class="col-xs-4">
<input placeholder="{{ 'zipcode' | t }}" type="text" class="form-control" name="billing_address[zipcode]" id="billing_address_zipcode" value="" />
</div>
<div class="col-xs-8">
<input placeholder="{{ 'city' | t }}" type="text" class="form-control" name="billing_address[city]" id="billing_address_city" value="" />
</div>
<div class="col-xs-12">


</div>
</div>
<div class="form-group">
<select name="billing_address[country]" class="form-control" id="billing_address_country">
{% if customer.billing_address.country != blank %}{% assign country = customer.billing_address.country %}{% elsif cart.destination_country != blank %}{% assign country = cart.destination_country %}{% else assign country = "DE" %}{% endif %}
{% for country_option in cart.delivery_countries %}
<option{% if country == country_option %} selected="selected"{% endif %} value=""></option>
{% endfor %}
</select>
</div>
{% if shop.show_phone %}
<div class="form-group">
<input placeholder="{{ 'phone' | t }}" type="text" class="form-control" name="billing_address[phone]"  id="billing_address_phone" value="" />
<p class="help-block">{{ "phone_info" | t }}</p>

</div>
{% endif %}
</div>
</div>
</div>

<div class="row">
<div class="col-md-12">
<div class="well well-sm actions">
<a class="btn btn-success hidden-xs form-submit" href="#" data-fade="true">
{{ 'buttons.continue_to_payment' | t }} <span class="glyphicon glyphicon-chevron-right"></span>
</a>
<a class="btn btn-success btn-lg visible-xs-block form-submit" href="#" data-fade="true">
{{ 'buttons.continue_to_payment' | t }} <span class="glyphicon glyphicon-chevron-right"></span>
</a>
<a class="btn btn-link hidden-xs" href="/cart">{{ 'buttons.back_to_shop' | t }}</a>
<a class="btn btn-link btn-lg visible-xs-block" href="/cart">{{ 'buttons.back_to_shop' | t }}</a>
</div>

<div class="well secure_box">
<strong><span class="glyphicon glyphicon-lock"></span> {{ 'safety_header' | t }}</strong><br />
{{ 'safety_text' | t }}
</div>
</div>
</div>
</form>
</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 h2");
var form = $('#customer_login_form');

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

$("#login_customer_password").slideToggle(300);
$(".customer_login_info").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-account-confimation

      Ordner mein-design/email/customer_account_confirmation.html HTML-Quellcode <p> Vielen Dank! Sie haben bei uns ein Kundenkonto eingerichtet. </p> <p>Folgende Zugangsdaten haben wir vermerkt:</p> <p> <strong>E-Mail-Adresse:</strong> <br> ...
    • login

      Ordner mein-design/account/login.html Beispiel-URL demoshop.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 ...
    • signup

      Ordner mein-design/account/signup.html Beispiel-URL demoshop.versacommerce.de/account/signup HTML-Quellcode <div class="row"> <div class="col-md-12"> <h1>{{ "create_account" | t }}</h1> <br> </div> </div> <div class="row"> <div class="col-md-4"> <p ...
    • edit

      Ordner mein-design/account/edit.html Beispiel-URL demoshop.versacommerce.de/account/edit HTML-Quellcode <div class="row"> <div class="col-md-4 sidebar-left"></div> <div class="col-md-8 maincontent"> <form action="/account/edit" method="post" ...
    • payment

      Ordner mein-design/checkout/payment.html Beispiel-URL demoshop.versacommerce.de/checkout/payment HTML-Quellcode {% if cart.payment.payment_method %}{% assign pay = cart.payment.payment_method %}{% endif %} <div class="row"> <div class="col-md-4 ...