<div class="payment-method">
<div class="payment-method__icon-container">
<div class="payment-method__icon--select">
<div class="image ">
<picture>
<img src="/example-assets/images/payment-method/invoice.svg" class="image__img payment-method__image is-loading" alt="Invoice" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</div>
<div class="payment-method__method">
<div class="select--light is-initialized is-filled-in">
<div class="select__wrapper">
<select class="select__select" id="checkout-payment-method" name="payment-method" required>
<option value="" disabled>Please choose</option>
<option value="invoice" selected="selected">Rechnung</option>
<option value="cashOnDelivery">Nachnahme</option>
</select>
</div>
</div>
</div>
</div>
<div class="payment-method__billing-address">
<address class="address">
<div class="address__title">
Rechnungsadresse
</div>
<div class="address__address-value">Speedy Gonzales GmbH</div>
<div class="address__address-value">Daniel Downhill</div>
<div class="address__address-value">Im Grip 10</div>
<div class="address__address-value">4242 Laufen</div>
<div class="address__address-value">Schweiz</div>
</address>
</div>
<div class="payment-method__promo-code">
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="checkout-promo-code" type="text" name="promo-code" />
<label class="text-field__label" for="checkout-promo-code">Promo Code
</label>
</div>
</div>
</div>
</div>
{% include '@SharedComponents/modules/b2b-checkout/components/payment-method/payment-method.twig' %}
{
"methodImage": {
"alt": "Invoice",
"src": "/example-assets/images/payment-method/invoice.svg"
},
"methodSelect": {
"variant": "light",
"id": "checkout-payment-method",
"name": "payment-method",
"required": true,
"disabled": false,
"selected": "invoice",
"choose": "Please choose",
"error": "",
"helper": "",
"options": {
"invoice": "Rechnung",
"cashOnDelivery": "Nachnahme"
}
},
"billingAddress": {
"title": "Rechnungsadresse",
"company": "Speedy Gonzales GmbH",
"firstName": "Daniel",
"lastName": "Downhill",
"street": "Im Grip",
"streetNo": "10",
"zip": "4242",
"city": "Laufen",
"country": "Schweiz"
},
"promoCode": {
"variant": "light",
"id": "checkout-promo-code",
"name": "promo-code",
"label": "Promo Code",
"required": false,
"value": "",
"disabled": false,
"type": "text",
"autocomplete": "",
"error": "",
"helper": ""
}
}
import './payment-method.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/b2b-checkout/components/payment-method/payment-method";
No notes defined.