<div class="b2b-checkout-success">
    <div class="b2b-checkout-success__container">
        <div class="b2b-checkout-success__title-container">
            <h3 class="b2b-checkout-success__title">Vielen Dank für Ihre Bestellung</h3>
        </div>
        <div class="b2b-checkout-success__content">
            <div class="wysiwyg-content">
                <p>Ihre Bestellnummer lautet <a href="#">98765432</a>.</p>
                <p>Wir haben Ihre Bestellung erhalten und senden Ihnen eine Versandbestätigung mit Ihren Track & Trace-Details, sobald Ihre Bestellung versendet wird.</p>
            </div>
        </div>
        <div class="b2b-checkout-success__message">
            <div class="message--warning">
                <div class="message__container--disabled">
                    <span class="visually-hidden">Warning message</span>
                    <div class="message__content">
                        <p class="message__text">Da wir Ihre Bestellung nach 18 Uhr erhalten haben kann Ihr Wunschtermin am 04.06.2021 nicht eingehalten werden. Die Lieferung erfolgt am übernächsten Werktag.</p>
                    </div>
                    <div class="message__close-button">
                        <button class="button-icon--icon-regular -icon-close" type="button" name="close-big-menu" value="yes">
                            <span class="visually-hidden">Schliessen</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="b2b-checkout-success__buttons">
            <a href="#" class="button--tertiary-light">Weiter einkaufen</a>
            <a href="#" class="button--primary">Zur Bestellübersicht</a>
        </div>
    </div>
</div>
{% include '@SharedComponents/modules/b2b-checkout/templates/checkout-success/checkout-success.twig' %}
{
  "heading": {
    "level": "3",
    "title": "Vielen Dank für Ihre Bestellung"
  },
  "content": "<p>Ihre Bestellnummer lautet <a href=\"#\">98765432</a>.</p><p>Wir haben Ihre Bestellung erhalten und senden Ihnen eine Versandbestätigung mit Ihren Track & Trace-Details, sobald Ihre Bestellung versendet wird.</p>",
  "message": {
    "closeButton": {
      "variant": "icon-regular",
      "title": "Schliessen",
      "icon": "close",
      "type": "button",
      "role": "button",
      "name": "close-big-menu",
      "value": "yes"
    },
    "variant": "warning",
    "isHidden": false,
    "labels": {
      "info": "Information message",
      "error": "Error message",
      "warning": "Warning message",
      "success": "Success message"
    },
    "container": false,
    "message": "Da wir Ihre Bestellung nach 18 Uhr erhalten haben kann Ihr Wunschtermin am 04.06.2021 nicht eingehalten werden. Die Lieferung erfolgt am übernächsten Werktag."
  },
  "buttons": [
    {
      "variant": "tertiary-light",
      "type": "a",
      "href": "#",
      "title": "Weiter einkaufen"
    },
    {
      "variant": "primary",
      "type": "a",
      "href": "#",
      "title": "Zur Bestellübersicht"
    }
  ]
}
  • Content:
    @import "~shared/base";
    @import "~cando-cx-components-library/components/modules/b2b-checkout/templates/checkout-success/checkout-success";
  • URL: /components/raw/checkout-success/checkout-success.scss
  • Filesystem Path: src/components/modules/b2b-checkout/templates/checkout-success/checkout-success.scss
  • Size: 139 Bytes

No notes defined.