<div class="delivery-address">
<div class="delivery-address__address-form">
<div class="dynamic-form">
<fieldset class="dynamic-form__fieldset--full-width">
<div class="dynamic-form__element">
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="checkout-firstName" type="text" name="firstName" required />
<label class="text-field__label" for="checkout-firstName">Vorname
*
</label>
</div>
</div>
</div>
<div class="dynamic-form__element">
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="checkout-lastName" type="text" name="lastName" required />
<label class="text-field__label" for="checkout-lastName">Nachname
*
</label>
</div>
</div>
</div>
<div class="dynamic-form__element--street-number">
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="checkout-street" type="text" name="street" required />
<label class="text-field__label" for="checkout-street">Strasse
*
</label>
</div>
</div>
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="checkout-street-number" type="text" name="street-number" required />
<label class="text-field__label" for="checkout-street-number">Nr.
*
</label>
</div>
</div>
</div>
<div class="dynamic-form__element--zip-city">
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="checkout-zip" type="text" name="zip" required />
<label class="text-field__label" for="checkout-zip">PLZ
*
</label>
</div>
</div>
<div class="text-field--light is-initialized">
<div class="text-field__wrapper">
<input class="text-field__input" id="checkout-city" type="text" name="city" required />
<label class="text-field__label" for="checkout-city">Ort
*
</label>
</div>
</div>
</div>
<div class="dynamic-form__element">
<div class="select--light is-initialized is-filled-in with-label">
<div class="select__wrapper">
<select class="select__select" id="checkout-country" name="country" required>
<option value="" disabled>Bitte wählen</option>
<option value="ch" selected="selected">Schweiz</option>
<option value="de">Deutschland</option>
<option value="fr">Frankreich</option>
<option value="it">Italien</option>
<option value="li">Lichtenstein</option>
</select>
<label class="select__label" for="checkout-country">Land
*
</label>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
{% include '@SharedComponents/modules/b2b-checkout/components/delivery-address/delivery-address.twig' %}
{
"addressForm": {
"variant": "full-width",
"fields": [
{
"component": "text-field",
"variant": "light",
"id": "checkout-firstName",
"name": "firstName",
"label": "Vorname",
"required": true,
"value": "",
"disabled": false,
"type": "text",
"autocomplete": false,
"error": ""
},
{
"component": "text-field",
"variant": "light",
"id": "checkout-lastName",
"name": "lastName",
"label": "Nachname",
"required": true,
"value": "",
"disabled": false,
"type": "text",
"autocomplete": false,
"error": ""
},
{
"component": "text-field-street-number",
"variant": "light",
"id": "checkout-street",
"name": "street",
"label": "Strasse",
"required": true,
"value": "",
"disabled": false,
"type": "text",
"autocomplete": false,
"error": ""
},
{
"component": "text-field-street-number",
"variant": "light",
"id": "checkout-street-number",
"name": "street-number",
"label": "Nr.",
"required": true,
"value": "",
"disabled": false,
"type": "text",
"autocomplete": false,
"error": ""
},
{
"component": "text-field-zip-city",
"variant": "light",
"id": "checkout-zip",
"name": "zip",
"label": "PLZ",
"required": true,
"value": "",
"disabled": false,
"type": "text",
"autocomplete": false,
"error": ""
},
{
"component": "text-field-zip-city",
"variant": "light",
"id": "checkout-city",
"name": "city",
"label": "Ort",
"required": true,
"value": "",
"disabled": false,
"type": "text",
"autocomplete": false,
"error": ""
},
{
"component": "select",
"variant": "light",
"id": "checkout-country",
"name": "country",
"label": "Land",
"required": true,
"disabled": false,
"selected": "ch",
"options": {
"ch": "Schweiz",
"de": "Deutschland",
"fr": "Frankreich",
"it": "Italien",
"li": "Lichtenstein"
},
"choose": "Bitte wählen",
"error": ""
}
]
}
}
import './delivery-address.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/b2b-checkout/components/delivery-address/delivery-address";
No notes defined.