Weitere Kompatibilität

Hinweise zur Einbindung des USt-IdNr.-Feldes in bestimmte Drittanbieter-Erweiterungen und -Themes.

BSS B2B Registration

Um das USt-IdNr.-Feld inklusive Validierung auf der B2B-Registrierungsseite anzuzeigen, füge an der gewünschten Stelle (z. B. unter dem Länderfeld) den folgenden Container ein:

<div data-bind="scope: 'vat-id-input'" id="vat_number_container" class="fields">
    <!-- ko template: getTemplate() --><!-- /ko -->
</div>

Am Ende der Template-Datei initialisierst du das Feld und seine Optionen:

<script type="text/x-magento-init">
{
    "#vat_number_container": {
        "Magento_Ui/js/core/app": {
            "components": {
                "vat-id-input": {
                    "component": "uiComponent",
                    "children": {
                        "vat_id": {
                            "component": "Geissweb_Euvat/js/form/element/vat-number-front",
                            "config": {
                                "allowedCountries": ["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IE","IT","LV","LT","LU","MT","NL","PL","PT","RO","SK","SI","ES","SE","GB"],
                                "enableAjaxValidation": true,
                                "handle": "customer_account_create",
                                "debug": false,
                                "template": "Geissweb_Euvat/vatfield",
                                "elementTmpl": "Geissweb_Euvat/vat-input",
                                "vatFrontendVisibility": true,
                                "tooltip": {"description": "My Tooltip!"}
                            },
                            "validation_registration": {"": true}
                        }
                    }
                }
            }
        }
    }
}
</script>

Soll das Feld eine validierte Nummer erzwingen, sobald ein Wert eingegeben wurde, setze die Option validation_registration wie folgt:

"validation_registration": {"valid-vat-if-specified": true}

Ultimo-Theme: Ausrichtung des Feldes

Beim Ultimo-Theme kann das USt-IdNr.-Feld auf der Registrierungsseite verrutschen. Ergänze die folgende Regel in deiner _custom.less unter app/design/frontend/<Vendor>/<Theme>/web/css/_custom.less:

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    #gw-euvat-field label {
        padding: 6px 15px 0 0;
        text-align: right;
        width: 25.8%;
        box-sizing: border-box;
        float: left;
    }
    #gw-euvat-field div.control {
        float: left;
        width: 74.2%;
    }
}