Anmeldeseite anpassen

Sie können die Seite Anmelden der Anwendung nach Bedarf für Ihr Unternehmen anpassen.

Hintergrundbild anpassen

Führen Sie die folgenden Schritte aus, um das Hintergrundbild der Anmeldeseite durch ein angepasstes Bild zu ersetzen:

Kopieren Sie die angepasste Bilddatei im SVG-Format in den Ordner <store-temp>/extensions/libs/styles/src/styles/images .

Wichtig: Nur das SVG-Dateiformat wird unterstützt.
Navigieren Sie zum Ordner <store-temp>/extensions/override-static-assets/root-config/custom .
Öffnen Sie die Datei extension-config.json .
Konfigurieren Sie die Bildquelle für das angepasste Bild wie in der folgenden Beispielkonfiguration dargestellt:
```
{
    "login": {
        "imageSrc": "./assets/styles/images/<custom-image>.svg"
    }
}
```
Starten Sie die Anwendung, indem Sie den folgenden Befehl ausführen:
```
yarn start-app
```
Überprüfen Sie, ob Ihr angepasstes Bild auf der Seite Anmelden angezeigt wird.

Literale für Anmeldeseiten anpassen

Sie können Literale wie Feldbezeichnungen oder Copyrightvermerke auf der Seite Anmelden anpassen. Wenn Sie Literale in englischer Sprache anpassen möchten, befolgen Sie denselben Prozess wie beim Anpassen von Übersetzungspakete.

Navigieren Sie zum Ordner <store-temp>/packages/features/login/src/assets/login/i18n .
Öffnen Sie die Datei en.json und geben Sie die Literale an, die Sie aktualisieren wollen.
Navigieren Sie zum Ordner extensions/override-static-assets/login/i18n .
Wenn die login/i18n -Ordner nicht vorhanden sind, erstellen Sie die Ordner.
Navigieren Sie zum Ordner extensions/override-static-assets/login/i18n .
Wenn die Datei en.json nicht in diesem Ordner vorhanden ist, erstellen und speichern Sie die Datei in demselben Ordner.
Fügen Sie die aktualisierten Literale in der Datei en.json hinzu und speichern Sie sie.
Starten Sie die Anwendung, indem Sie den folgenden Befehl ausführen:
```
yarn start-app
```
Überprüfen Sie, ob die aktualisierten Literale auf der Seite Anmelden angezeigt werden.

Layout anpassen

Um das Layout der Seite Anmelden anzupassen, überschreiben Sie die Komponente LoginFormComponent , die Teil der Winkelbibliothek @store/functional-components ist.

Hinweis: Sie müssen den von der Anwendung bereitgestellten Code des On-Click-Ereignishandlers der Schaltfläche Anmelden beibehalten.

Weitere Informationen zum Überschreiben der Komponente LoginFormComponent finden Sie unter Ändern der von der Anwendung bereitgestellten funktionalen Komponenten.