payment

payment

Ordnermein-design/checkout/payment.html
Beispiel-URLdemoshop.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 sidebar-left">
<h4><span class="glyphicon glyphicon-transfer"></span> {{ 'checkout.payment.payment_type_heading' | t }}</h4>
<p>{{ 'checkout.payment.payment_type_hint' | t }}</p>
</div>

<div class="col-md-8 maincontent">
<form id="paymentform" name="paymentform" action="/checkout/payment_check" method="post" accept-charset="utf-8">
<input type="hidden" name="locale" value="de" />

<h1>{{ 'checkout.payment.how_do_you_pay' | t }}</h1>
<br />

<div class="panel-group" id="payment_method">
{% if payment_methods.versa_commerce_pay_credit_card? %}
{% if payment_methods.versa_commerce_pay_credit_card.activated_customer_only == false or payment_methods.versa_commerce_pay.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_versa_commerce_pay_credit_card">

</a>
</h4>
</div>
<div id="panel_payment_versa_commerce_pay_credit_card" class="panel-collapse collapse{% if pay == "versa_commerce_pay_credit_card" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_versa_commerce_pay_credit_card">
<input type="radio" name="payment[payment_method]" id="payment_versa_commerce_pay_credit_card" value="versa_commerce_pay_credit_card"{% if pay == "versa_commerce_pay_credit_card" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.versa_commerce_pay_direct_debit? %}
{% if payment_methods.versa_commerce_pay_direct_debit.activated_customer_only == false or payment_methods.versa_commerce_pay.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_versa_commerce_pay_direct_debit">

</a>
</h4>
</div>
<div id="panel_payment_versa_commerce_pay_direct_debit" class="panel-collapse collapse{% if pay == "versa_commerce_pay_direct_debit" %} in{% endif %}">
<div class="panel-body">
<div class="row">
<div class="col-sm-6">
<div class="radio">
<label for="payment_versa_commerce_pay_direct_debit">
<input type="radio" name="payment[payment_method]" id="payment_versa_commerce_pay_direct_debit" value="versa_commerce_pay_direct_debit"{% if pay == "versa_commerce_pay_direct_debit" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<small class="hint"></small>
</div>
</div>
{% assign account = cart.payment.bank_account %}
<hr />
<h4>{{ "checkout.payment.your_bank_data" | t }}:</h4>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="payment_bank_account_name">{{ "checkout.payment.bank_account_name" | t }}</label>
<input class="form-control" type="text" placeholder="{{ 'checkout.payment.bank_account_name' | t }}" name="payment[bank_account][owner_name]" id="payment_bank_account_name" value="{% if account.owner_name %}{% else %}{% endif %}" />

</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="payment_bank_iban">{{ "checkout.payment.bank_iban" | t }}</label>
<input class="form-control" type="text" placeholder="DE12 3456 7890 1234 5678 90" name="payment[bank_account][bank_iban]" id="payment_bank_iban" value="" />

</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="payment_bank_bic">{{ "checkout.payment.bank_bic" | t }}</label><br/>
<input class="form-control" type="text" placeholder="MARKDEF1100" name="payment[bank_account][bank_bic]" id="payment_bank_bic" value="" />

</div>
</div>
</div>
<div class="checkbox">
<label for="null">
{% checkout_sepa_mandate_confirm %}
</label>
</div>
<small>{{ "checkout.payment.banking_info" | t }}</small>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.versa_commerce_pay_invoice_service? %}
{% if payment_methods.versa_commerce_pay_invoice_service.activated_customer_only == false or payment_methods.versa_commerce_pay.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_versa_commerce_pay_invoice_service">

</a>
</h4>
</div>
<div id="panel_payment_versa_commerce_pay_invoice_service" class="panel-collapse collapse{% if pay == "versa_commerce_pay_invoice_service" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_versa_commerce_pay_invoice_service">
<input type="radio" name="payment[payment_method]" id="payment_versa_commerce_pay_invoice_service" value="versa_commerce_pay_invoice_service"{% if pay == "versa_commerce_pay_invoice_service" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.versa_commerce_pay_giropay? %}
{% if payment_methods.versa_commerce_pay_giropay.activated_customer_only == false or payment_methods.versa_commerce_pay.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_versa_commerce_pay_giropay">

</a>
</h4>
</div>
<div id="panel_payment_versa_commerce_pay_giropay" class="panel-collapse collapse{% if pay == "versa_commerce_pay_giropay" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_versa_commerce_pay_giropay">
<input type="radio" name="payment[payment_method]" id="payment_versa_commerce_pay_giropay" value="versa_commerce_pay_giropay"{% if pay == "versa_commerce_pay_giropay" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<img class="giropay-logo pull-right" src="https://www.giropay.de/fileadmin/user_upload/giropay/logos/giropay_200px_color_rgb.jpg" border="0" alt="{{ 'checkout.payment.giropay_logo_alt_text' | t }}" />
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.versa_commerce_pay_directebanking? %}
{% if payment_methods.versa_commerce_pay_directebanking.activated_customer_only == false or payment_methods.versa_commerce_pay.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_versa_commerce_pay_directebanking">

</a>
</h4>
</div>
<div id="panel_payment_versa_commerce_pay_directebanking" class="panel-collapse collapse{% if pay == "versa_commerce_pay_directebanking" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_versa_commerce_pay_directebanking">
<input type="radio" name="payment[payment_method]" id="payment_versa_commerce_pay_directebanking" value="versa_commerce_pay_directebanking"{% if pay == "versa_commerce_pay_directebanking" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<a class="pull-right" onclick="javascript:window.open('https://images.sofort.com/de/su/landing.php?banner=banner_200x68','kundeninformationen','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1020, height=900');return false;" href="#" title="Hier klicken - sofortüberweisung Kundeninformationen">
<img class="directebanking-logo" src="https://images.sofort.com/de/su/banner_200x68.png" alt="Hier klicken - sofortüberweisung Kundeninformationen" />
</a>
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.versa_commerce_pay_pay_pal? %}
{% if payment_methods.versa_commerce_pay_pay_pal.activated_customer_only == false or payment_methods.versa_commerce_pay.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_versa_commerce_pay_pay_pal">

</a>
</h4>
</div>
<div id="panel_payment_versa_commerce_pay_pay_pal" class="panel-collapse collapse{% if pay == "versa_commerce_pay_pay_pal" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_versa_commerce_pay_pay_pal">
<input type="radio" name="payment[payment_method]" id="payment_versa_commerce_pay_pay_pal" value="versa_commerce_pay_pay_pal"{% if pay == "versa_commerce_pay_pay_pal" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<img class="paypal-logo pull-right" src="https://www.paypal.com/de_DE/DE/i/logo/pp_paysafely_80x35.gif" border="0" alt="{{ 'checkout.payment.paypal_logo_alt_text' | t }}" />
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.cc? %}
{% if payment_methods.cc.activated_customer_only == false or payment_methods.cc.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_cc">

</a>
</h4>
</div>
<div id="panel_payment_cc" class="panel-collapse collapse{% if pay == "cc" %} in{% endif %}">
<div class="panel-body">
<div class="radio">
<label for="payment_cc">
<input type="radio" name="payment[payment_method]" id="payment_cc" value="cc"{% if pay == "cc" %} checked="checked"{% endif %} />

</label>
<small class="hint"></small>
</div>

{% unless payment_methods.cc.external? %}
{% assign cc = cart.payment.credit_card %}
<hr />
<h4>{{ "checkout.payment.your_cc_card" | t }}:</h4>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<select name="payment[credit_card][type]" id="payment_cc_type" class="form-control">
{% for cc_name in payment_methods.cc.card_types %}
<option {% if cc_name == cc.type %}selected="selected"{% endif %} value=""></option>
{% endfor %}
</select>
</div>


</div>
<div class="col-sm-6 hidden-xs">
<div class="form-group">
{% for cc_name in payment_methods.cc.card_types %}
<img src="/static_assets/checkout/images/credit_cards/.gif" width="53" height="34" /> 
{% endfor %}
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="payment_cc_firstname">{{ "checkout.payment.cc_first_name" | t }}</label><br/>
<input class="form-control" type="text" placeholder="{{ 'checkout.payment.cc_first_name' | t }}" name="payment[credit_card][first_name]" id="payment_cc_firstname" value="{% if cc.first_name %}{% else %}{% endif %}" size="17"  />

</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="payment_cc_lastname">{{ "checkout.payment.cc_last_name" | t }}</label><br/>
<input class="form-control" type="text" placeholder="{{ 'checkout.payment.cc_last_name' | t }}" name="payment[credit_card][last_name]" id="payment_cc_lastname" value="{% if cc.last_name %}{% else %}{% endif %}" size="20"/>

</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="payment_cc_number">{{ "checkout.payment.cc_number" | t }}</label><br/>
<input class="form-control" type="text" placeholder="5412751234123456" name="payment[credit_card][number]" id="payment_cc_number" value=""  size="17" maxlength="16" />

</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="payment_cc_month">{{ "checkout.payment.cc_month" | t }}</label><br/>
<input class="form-control" type="text" placeholder="MM" name="payment[credit_card][month]" id="payment_cc_month" value="" size="3" maxlength="2" /> /
<input class="form-control" type="text" placeholder="YY" name="payment[credit_card][year]" id="payment_cc_year" value="" size="3" maxlength="2" />


</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label label="payment_cc_verification_value">{{ "checkout.payment.cc_verification_value" | t }}</label><br/>
<input class="form-control" type="text" placeholder="123" name="payment[credit_card][verification_value]" id="payment_cc_verification_value" value="" size="5" maxlength="4" />

</div>
</div>
<div class="col-sm-6">
<img class="cc-back pull-right" src="/static_assets/checkout/images/cc_back.gif" width="144" height="78" />
<small>{{ "checkout.payment.cc_verification_hint" | t }}</small>
</div>
</div>


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

{% if payment_methods.qpay? %}
{% if payment_methods.qpay.activated_customer_only == false or payment_methods.qpay.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_qpay">

</a>
</h4>
</div>
<div id="panel_payment_qpay" class="panel-collapse collapse{% if pay == "qpay" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_qpay">
<input type="radio" name="payment[payment_method]" id="payment_qpay" value="qpay"{% if pay == "qpay" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.directebanking? %}
{% if payment_methods.directebanking.activated_customer_only == false or payment_methods.directebanking.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_directebanking">

</a>
</h4>
</div>
<div id="panel_payment_directebanking" class="panel-collapse collapse{% if pay == "directebanking" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_directebanking">
<input type="radio" name="payment[payment_method]" id="payment_directebanking" value="directebanking"{% if pay == "directebanking" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<a class="pull-right" onclick="javascript:window.open('https://images.sofort.com/de/su/landing.php?banner=banner_200x68','kundeninformationen','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1020, height=900');return false;" href="#" title="Hier klicken - sofortüberweisung Kundeninformationen">
<img class="directebanking-logo" src="https://images.sofort.com/de/su/banner_200x68.png" alt="Hier klicken - sofortüberweisung Kundeninformationen" />
</a>
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.data_trans? %}
{% if payment_methods.data_trans.activated_customer_only == false or payment_methods.data_trans.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_data_trans">

</a>
</h4>
</div>
<div id="panel_payment_data_trans" class="panel-collapse collapse{% if pay == "data_trans" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_data_trans">
<input type="radio" name="payment[payment_method]" id="payment_data_trans" value="data_trans"{% if pay == "data_trans" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.vc_paymill_bridge? %}
{% if payment_methods.vc_paymill_bridge.activated_customer_only == false or payment_methods.vc_paymill_bridge.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_vc_paymill_bridge">

</a>
</h4>
</div>
<div id="panel_payment_vc_paymill_bridge" class="panel-collapse collapse{% if pay == "vc_paymill_bridge" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_vc_paymill_bridge">
<input type="radio" name="payment[payment_method]" id="payment_vc_paymill_bridge" value="vc_paymill_bridge"{% if pay == "vc_paymill_bridge" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.bit_pay? %}
{% if payment_methods.bit_pay.activated_customer_only == false or payment_methods.bit_pay.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_bit_pay">

</a>
</h4>
</div>
<div id="panel_payment_bit_pay" class="panel-collapse collapse{% if pay == "bit_pay" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_bit_pay">
<input type="radio" name="payment[payment_method]" id="payment_bit_pay" value="bit_pay"{% if pay == "bit_pay" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.bank_deposit? %}
{% if payment_methods.bank_deposit.activated_customer_only == false or payment_methods.bank_deposit.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_bank_deposit">

</a>
</h4>
</div>
<div id="panel_payment_bank_deposit" class="panel-collapse collapse{% if pay == "bank_deposit" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_bank_deposit">
<input type="radio" name="payment[payment_method]" id="payment_bank_deposit" value="bank_deposit"{% if pay == "bank_deposit" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.cod? %}
{% if payment_methods.cod.activated_customer_only == false or payment_methods.cod.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_cod">

</a>
</h4>
</div>
<div id="panel_payment_cod" class="panel-collapse collapse{% if pay == "cod" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_cod">
<input type="radio" name="payment[payment_method]" id="payment_cod" value="cod"{% if pay == "cod" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.money_order? %}
{% if payment_methods.money_order.activated_customer_only == false or payment_methods.money_order.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_money_order">

</a>
</h4>
</div>
<div id="panel_payment_money_order" class="panel-collapse collapse{% if pay == "money_order" %} in{% endif %}">
<div class="panel-body">
<div class="row">
<div class="col-sm-6">
<div class="radio">
<label for="payment_money_order">
<input type="radio" name="payment[payment_method]" id="payment_money_order" value="money_order"{% if pay == "money_order" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<small class="hint"></small>
</div>
</div>
{% assign account = cart.payment.bank_account %}
<hr />
<h4>{{ "checkout.payment.your_bank_data" | t }}:</h4>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="payment_bank_account_name">{{ "checkout.payment.bank_account_name" | t }}</label>
<input class="form-control" type="text" placeholder="{{ 'checkout.payment.bank_account_name' | t }}" name="payment[bank_account][owner_name]" id="payment_bank_account_name" value="{% if account.owner_name %}{% else %}{% endif %}" />

</div>
</div>
{% unless payment_methods.money_order.money_order.mode == "sepa" %}
<div class="col-sm-6">
<div class="form-group">
<label for="payment_bank_name">{{ "checkout.payment.bank_name" | t }}</label><br/>
<input class="form-control" type="text" placeholder="{{ 'checkout.payment.bank_name' | t }}" name="payment[bank_account][bank_name]" id="payment_bank_name" value="" />

</div>
</div>
{% endunless %}
</div>
<div class="row">
<div class="col-sm-6">
{% if payment_methods.money_order.money_order.mode == "sepa" %}
<div class="form-group">
<label for="payment_bank_iban">{{ "checkout.payment.bank_iban" | t }}</label>
<input class="form-control" type="text" placeholder="DE12 3456 7890 1234 5678 90" name="payment[bank_account][bank_iban]" id="payment_bank_iban" value="" />

</div>
{% else %}
<div class="form-group">
<label for="payment_bank_account_number">{{ "checkout.payment.bank_account_number" | t }}</label><br/>
<input class="form-control" type="text" placeholder="1234567" name="payment[bank_account][account_number]" id="payment_bank_account_number" value="" />

</div>
{% endif %}
</div>
<div class="col-sm-6">
{% if payment_methods.money_order.money_order.mode == "sepa" %}
<div class="form-group">
<label for="payment_bank_bic">{{ "checkout.payment.bank_bic" | t }}</label><br/>
<input class="form-control" type="text" placeholder="MARKDEF1100" name="payment[bank_account][bank_bic]" id="payment_bank_bic" value="" />

</div>
{% else %}
<div class="form-group">
<label for="payment_bank_code">{{ "checkout.payment.bank_code" | t }}</label><br/>
<input class="form-control" type="text" placeholder="250 500 12" name="payment[bank_account][bank_code]" id="payment_bank_code" value="" size="9" maxlength="8" />

</div>
{% endif %}
</div>
</div>
{% if payment_methods.money_order.money_order.mode == "sepa" %}
<div class="checkbox">
<label for="null">
{% checkout_sepa_mandate_confirm %}
</label>
</div>
{% endif %}
<small>{{ "checkout.payment.banking_info" | t }}</small>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.invoice? %}
{% if payment_methods.invoice.activated_customer_only == false or payment_methods.invoice.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_invoice">

</a>
</h4>
</div>
<div id="panel_payment_invoice" class="panel-collapse collapse{% if pay == "invoice" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_invoice">
<input type="radio" name="payment[payment_method]" id="payment_invoice" value="invoice"{% if pay == "invoice" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.paypal? %}
{% if payment_methods.paypal.activated_customer_only == false or payment_methods.paypal.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_paypal">

</a>
</h4>
</div>
<div id="panel_payment_paypal" class="panel-collapse collapse{% if pay == "paypal" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_paypal">
<input type="radio" name="payment[payment_method]" id="payment_paypal" value="paypal"{% if pay == "paypal" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<img class="paypal-logo pull-right" src="https://www.paypal.com/de_DE/DE/i/logo/pp_paysafely_80x35.gif" border="0" alt="{{ 'checkout.payment.paypal_logo_alt_text' | t }}" />
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}

{% if payment_methods.custom? %}
{% if payment_methods.custom.activated_customer_only == false or payment_methods.custom.activated_customer_only and customer.active %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#payment_method" href="#panel_payment_custom">

</a>
</h4>
</div>
<div id="panel_payment_custom" class="panel-collapse collapse{% if pay == "custom" %} in{% endif %}">
<div class="panel-body">
<div class="col-sm-6">
<div class="radio">
<label for="payment_custom">
<input type="radio" name="payment[payment_method]" id="payment_custom" value="custom"{% if pay == "custom" %} checked="checked"{% endif %} />

</label>
</div>
</div>
<div class="col-sm-6">
<small class="hint"></small>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
</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="#">
{{ 'checkout.payment.buttons.continue_to_confirm' | t }} <span class="glyphicon glyphicon-chevron-right"></span>
</a>
<a class="btn btn-success btn-lg visible-xs-block form-submit" href="#">
{{ 'checkout.payment.buttons.continue_to_confirm' | t }} <span class="glyphicon glyphicon-chevron-right"></span>
</a>
<a class="btn btn-link hidden-xs" href="/checkout/customer{% if locale != 'de' %}?locale=de{% endif %}">{{ 'checkout.payment.buttons.back' | t }}</a>
<a class="btn btn-link btn-lg visible-xs-block" href="/checkout/customer{% if locale != 'de' %}?locale=de{% endif %}">{{ 'checkout.payment.buttons.back' | t }}</a>
</div>
<div class="well secure_box">
<strong><span class="glyphicon glyphicon-lock"></span> {{ 'checkout.payment.safety_header' | t }}</strong><br />
{{ 'checkout.payment.safety_text' | t }}
</div>
</div>
</div>
</form>
</div>
</div>


    • Related Articles

    • account

      Ordner mein-design/account/account.html Beispiel-URL demoshop.versacommerce.de/account HTML-Quellcode <div class="row"> <div class="col-md-12"> <h1>{{ 'account' | t }}</h1> <em>{% if customer.active %}{{ "activated" | t }}{% else %}{{ "not_activated" ...
    • order-confirmation

      Ordner mein-design/email/order_confirmation.html HTML-Quellcode {{ "email.order_confirmation.date" | t | upcase }}: {{ "email.order_confirmation.order_id" | t | upcase }}: {{ "email.order_confirmation.thanks_for_your_order" | t }} {{ ...
    • confirm

      Ordner mein-design/checkout/confirm.html Beispiel-URL demoshop.versacommerce.de/checkout/confirm HTML-Quellcode {% if cart.payment.external? and order_processed %} <div class="row"> <div class="col-md-4 sidebar-left"></div> <div class="col-md-8 ...
    • 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 ...