<!-- titel -->
Konfigurator
----------------------------------------
<!-- art -->
kern
----------------------------------------
<!-- ziel -->
Führt Schritt für Schritt zur passenden Variante
----------------------------------------
<!-- regeln -->
- Nur bei aktivem Konfigurator-Layout
- Ein Schritt je Eigenschaftsgruppe
- Die Reihenfolge folgt den Gruppen des Produkts
- Ohne Gruppen bleibt der Konfigurator aus
- Nur die Produktdetailseite nutzt ihn
- Ohne Fenster wirken die Schrittzeilen nicht
- Das Fenster hängt am Seitenkörper
- Ein veraltetes Fenster wird entfernt
- Die Seite hinter dem Fenster scrollt nicht
- Ohne Bilder klappt der Bildbereich weg
----------------------------------------
<!-- funktion -->
Konfigurator öffnen
<!-- ziel -->
Startet die Auswahl bei einem gewählten Schritt
<!-- regeln -->
- Jede Schrittzeile öffnet ihren eigenen Schritt
- Der vorherige Fokus wird gemerkt
- Der Fokus springt auf Weiter
- Die Vorschau wird beim Öffnen geholt
<!-- testen -->
- Produktseite mit Konfigurator öffnen
- LMB auf eine Schrittzeile
- Fenster mit diesem Schritt sichtbar
----------------------------------------
<!-- funktion -->
Konfigurator schließen
<!-- regeln -->
- Escape schließt das Fenster
- Ein Klick auf den Hintergrund schließt
- Der Fokus kehrt zum Auslöser zurück
- Die Wahl wird dabei verworfen
<!-- testen -->
- Konfigurator öffnen
- LMB auf Schließen
- Produktseite wieder sichtbar
----------------------------------------
<!-- funktion -->
Schritt wechseln
<!-- ziel -->
Bewegt sich vorwärts und rückwärts durch die Schritte
<!-- regeln -->
- Ein Schritt ohne gültige Option wird übersprungen
- Zurück bleibt am ersten Schritt gesperrt
- Der letzte Schritt beschriftet die Schaltfläche um
<!-- testen -->
- Konfigurator öffnen
- LMB auf Weiter
- Nächster Schritt sichtbar
----------------------------------------
<!-- funktion -->
Fortschritt ablesen
<!-- ziel -->
Zeigt, an welcher Stelle der Auswahl man steht
<!-- regeln -->
- Der Zähler nennt Schritt und Gesamtzahl
- Der Balken wächst mit dem Schritt
- Beide zählen übersprungene Schritte mit
<!-- testen -->
- Konfigurator öffnen
- LMB auf Weiter
- Zähler und Balken gewachsen
----------------------------------------
<!-- funktion -->
Auswahl abschließen
<!-- ziel -->
Übergibt die Auswahl an den Variantenwechsel
<!-- regeln -->
- Ein ausgelassener Schritt wird ergänzt
- Ergänzt wird die erste gültige Option
- Der Wechsel läuft über die Auswahlfelder
- Das Fenster schließt vor dem Wechsel
<!-- testen -->
- Konfigurator öffnen
- Bis zum letzten Schritt gehen
- LMB auf Fertig
- Produktseite zeigt die Variante
----------------------------------------
<!-- funktion -->
Mit der Tastatur bedienen
<!-- ziel -->
Hält die Bedienung ohne Maus geschlossen
<!-- regeln -->
- Der Fokus bleibt im Fenster
- Escape schließt zuerst die Großansicht
- Die Steuerung liegt am Dokument
<!-- testen -->
- Konfigurator öffnen
- Mehrfach Tab drücken
- Fokus bleibt im Fenster