# Anmeldeseite

### **Was Sie lernen werden**

* So aktivieren und passen Sie die Login-Seitenschablone für die Legacy-Kundenkonten an
* Wie Sie das Erscheinungsbild des Login-Formulars mithilfe der Theme-Einstellungen ändern
* Wie Sie Text, Schaltflächenstile, Layout und Links anpassen

***

### 🧩 Übersicht

Diese Login-Seite ist Teil von Shopify’s **veralteten Kundenskontensystem** und ist vollständig anpassbar über Ihren Theme-Editor. Sie unterstützt benutzerdefinierte Layout-Blöcke, Seitenbilder und gestaltete Eingabefelder — und bietet volle visuelle Kontrolle über das Kundeneinloggerlebnis.

> ⚠️ Diese Login-Seite gilt nur, wenn **Legacy-Kundenkonten** unter **Einstellungen > Kundenkonten**.

***

### 🎨 Seitenstruktur

Die Login-Seite besteht aus den folgenden Abschnitten:

* **Logo & Uhr** (Optional)
* **Login-Formular** (Kernfunktionalität)
* **Musikplayer** (Optional)
* **Footer** (Optional)

***

### ✏️ Anpassung des Login-Formulars

Navigieren Sie zu **Theme-Editor → Vorlagen → customer/login.liquid**\
Klicken Sie auf den **Login-Formular** Block, um mit der Anpassung zu beginnen.

#### 🔳 Seitenbild für das Login

* **Bild auswählen** – Laden Sie ein Markenbild hoch oder wählen Sie eines aus
* **Position des Seitenbilds** – Wählen Sie links oder rechts
* **Seitenbild abrunden** – Fügt abgerundete Ecken hinzu
* **Seitenbild entfernen** – Umschalten, um vollständig auszublenden

***

#### 🧾 Login-Header-Inhalt

* **Kopfzeilentext** – Titel des Login-Blocks (z. B. „Einloggen“ oder „Willkommen zurück“)
* **Unterkopfzeilentext** – Kurze Beschreibung oder individuelle Nachricht

Sie können außerdem anpassen **Header- und Untertitel-Textfarben**.

***

#### 🔐 Eingabefelder

Jedes Formularfeld hat eigene Gestaltungseinstellungen:

**E-Mail-Feld**

* Bezeichnerfarbe
* Rahmenfarbe
* Textfarbe

**Passwortfeld**

* Bezeichnerfarbe
* Rahmenfarbe
* Textfarbe

***

#### 🔘 Login-Schaltfläche

Anpassen:

* **Schaltflächentext** (z. B. „Eintragen“ oder „Anmelden“)
* **Textfarbe**
* **Hintergrundfarbe**

Verwenden Sie starken Kontrast und Fettdruck, um die Zugänglichkeit zu erhalten.

***

#### ❗ Fehler-Styling

Stellen Sie die **Textfarbe der Login-Fehlermeldungen** um zum Alarmstil Ihrer Marke zu passen (in der Regel Rot).

***

#### 🔗 Zusätzliche Links

Sie können den Text und die Farbe für aktualisieren:

* **Registrieren-Link**
* **Link "Passwort vergessen"**
* **Link "Zurück zum Shop"**

Diese erscheinen unter oder um das Login-Formular herum.

***

#### 🎨 Sonstiges

* **Abgerundete Felder & Schaltflächen** – Aktivieren, um Eingabefeldern und der Login-Schaltfläche abgerundete Ecken zu geben.

***

### ✅ Fertig!

Ihre benutzerdefinierte Login-Seite ist nun vollständig formatiert und live unter:\
`yourstore.com/account/login`

> 💡 Tipp: Kombinieren Sie dies mit den Dokumenten „Registrierungsseite“ und „Konto-Seite“, um die Kundenreise vollständig aufzubauen.

### **Brauchen Sie Hilfe?**

* 💬 **Treten Sie unserer Community auf Discord bei:** <https://discord.gg/hcc2GvgZc6>
* 📧 **Schreiben Sie uns eine E-Mail an:** <support@openspaces.design>
* 💻 **Chatten Sie live mit uns:** Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website