<div class="further-information">
    <div class="further-information__order-no">
        <div class="text-field--light is-initialized">
            <div class="text-field__wrapper">
                <input class="text-field__input" id="checkout-own-order-no" type="text" name="own-order-no" />
                <label class="text-field__label" for="checkout-own-order-no">Eigene Bestellnummer
                </label>
            </div>

        </div>
    </div>
    <div class="further-information__comment">
        <div class="text-area--light is-initialized">
            <div class="text-area__wrapper">
                <textarea class="text-area__input" id="checkout-comment" name="comment" rows="2" maxlength="100">
					</textarea>
                <label class="text-area__label" for="checkout-comment">Bemerkung
                </label>
            </div>
            <div class="text-area__helper">
                <div class="text-area__helper--text">Info</div>
                <div class="text-area__helper--tooltip">
                    <button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet">
                        <span class="visually-hidden">Information</span>
                    </button>
                </div>
            </div>

        </div>
    </div>
    <div class="further-information__sales-discount">
        <div class="sales-discount">
            <div class="sales-discount__title">Rabatt</div>
            <div class="sales-discount__row">
                <div class="sales-discount__field">
                    <div class="text-field--light is-initialized">
                        <div class="text-field__wrapper">
                            <input class="text-field__input" id="checkout-billing-discount" type="text" name="billing-discount" />
                            <label class="text-field__label" for="checkout-billing-discount">Rechnungsrabatt
                            </label>
                        </div>

                    </div>
                </div>
                <div class="sales-discount__field">
                    <div class="text-field--light is-initialized">
                        <div class="text-field__wrapper">
                            <input class="text-field__input" id="checkout-additional-discount" type="text" name="additional-discount" />
                            <label class="text-field__label" for="checkout-additional-discount">Zusatzrabatt
                            </label>
                        </div>

                    </div>
                </div>
            </div>
            <div class="sales-discount__row">
                <div class="sales-discount__field">
                    <div class="text-area--light is-initialized">
                        <div class="text-area__wrapper">
                            <textarea class="text-area__input" id="checkout-internal-note" name="internal-note" rows="3" maxlength="500">
					</textarea>
                            <label class="text-area__label" for="checkout-internal-note">Interner Hinweis
                            </label>
                        </div>
                        <div class="text-area__helper">
                            <div class="text-area__helper--text">Info</div>
                            <div class="text-area__helper--tooltip">
                                <button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet">
                                    <span class="visually-hidden">Information</span>
                                </button>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% include '@SharedComponents/modules/b2b-checkout/components/further-information/further-information.twig' %}
{
  "ownOrderNo": {
    "variant": "light",
    "id": "checkout-own-order-no",
    "name": "own-order-no",
    "label": "Eigene Bestellnummer",
    "required": false,
    "value": "",
    "disabled": false,
    "type": "text",
    "autocomplete": "",
    "error": "",
    "helper": ""
  },
  "comment": {
    "variant": "light",
    "id": "checkout-comment",
    "name": "comment",
    "label": "Bemerkung",
    "required": false,
    "value": "",
    "disabled": false,
    "maxlength": 100,
    "rows": 2,
    "error": "",
    "helper": "Info",
    "tooltip": {
      "variant": "small",
      "title": "Information",
      "content": "Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"
    }
  },
  "salesDiscount": {
    "title": "Rabatt",
    "billingDiscountField": {
      "variant": "light",
      "id": "checkout-billing-discount",
      "name": "billing-discount",
      "label": "Rechnungsrabatt",
      "required": false,
      "value": "",
      "disabled": false,
      "type": "text",
      "autocomplete": "",
      "error": "",
      "helper": ""
    },
    "additionalDiscountField": {
      "variant": "light",
      "id": "checkout-additional-discount",
      "name": "additional-discount",
      "label": "Zusatzrabatt",
      "required": false,
      "value": "",
      "disabled": false,
      "type": "text",
      "autocomplete": "",
      "error": "",
      "helper": ""
    },
    "internalNoteField": {
      "variant": "light",
      "id": "checkout-internal-note",
      "name": "internal-note",
      "label": "Interner Hinweis",
      "required": false,
      "value": "",
      "disabled": false,
      "maxlength": 500,
      "rows": 3,
      "error": "",
      "helper": "Info",
      "tooltip": {
        "variant": "small",
        "title": "Information",
        "content": "Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet"
      }
    }
  }
}
  • Content:
    @import "~shared/base";
    @import "~cando-cx-components-library/components/modules/b2b-checkout/components/further-information/further-information";
  • URL: /components/raw/further-information/further-information.scss
  • Filesystem Path: src/components/modules/b2b-checkout/components/further-information/further-information.scss
  • Size: 146 Bytes

No notes defined.