<!-- titel -->
Varianten wählen
----------------------------------------
<!-- art -->
kern
----------------------------------------
<!-- ziel -->
Der Kunde findet Schritt für Schritt eine bestellbare Kombination
----------------------------------------
<!-- regeln -->
- Erster Schritt zeigt alle Optionen seiner Eigenschaft
- Folgeschritte zeigen nur kombinierbare Optionen
- Der Ablauf trägt beliebig viele Eigenschaften
- Reihenfolge der Schritte kommt aus dem Backend
- Ohne Auswahl greifen die Standardvarianten des Elternartikels
- Schritte ohne gültige Option werden übersprungen
- Eine Auswahl wechselt den Schritt nicht
- Ungültige Folgeauswahl fällt beim Wechsel weg
- Auf kleinen Bildschirmen bleibt der Ablauf derselbe
- Escape schließt den Konfigurator
- Tabulator bleibt im Dialog
----------------------------------------
<!-- funktion -->
Schritt öffnen
<!-- ziel -->
Öffnet den Konfigurator beim angeklickten Schritt
<!-- regeln -->
- LMB auf einen Schritt öffnet das Modal
- Offener Konfigurator wechselt nur den Schritt
- Modal hängt am Seitenkörper
<!-- testen -->
- Produktseite öffnen
- LMB auf zweiten Schritt
- Modal öffnet bei Schritt 2
----------------------------------------
<!-- funktion -->
Option wählen
<!-- ziel -->
Übernimmt eine Option in die laufende Auswahl
<!-- regeln -->
- Gewählte Option ist hervorgehoben
- Nicht kombinierbare Optionen sind gesperrt
- Auswahl verwirft ungültige Folgeschritte
- Schritt bleibt nach der Wahl derselbe
<!-- testen -->
- Konfigurator öffnen
- LMB auf eine Option
- Option ist hervorgehoben
----------------------------------------
<!-- funktion -->
Nächsten Schritt anzeigen
<!-- ziel -->
Führt zum nächsten Schritt mit gültigen Optionen
<!-- regeln -->
- Weiter-Knopf heißt am letzten Schritt Fertig
- Leere Schritte werden übersprungen
<!-- testen -->
- Konfigurator öffnen
- LMB auf Weiter-Knopf
- Nächster Schritt erscheint
----------------------------------------
<!-- funktion -->
Vorherigen Schritt anzeigen
<!-- ziel -->
Führt zurück zum letzten Schritt mit Optionen
<!-- regeln -->
- Zurück-Knopf ist am ersten Schritt gesperrt
- Leere Schritte werden übersprungen
<!-- testen -->
- Zum zweiten Schritt gehen
- LMB auf Zurück-Knopf
- Erster Schritt erscheint
----------------------------------------
<!-- funktion -->
Auswahl übernehmen
<!-- ziel -->
Wechselt das Produkt auf die gewählte Variante
<!-- regeln -->
- Fertig überträgt die Auswahl in die Auswahlfelder
- Unbesuchte Schritte bekommen die erste gültige Option
- Shopware führt den Variantenwechsel aus
<!-- testen -->
- Alle Schritte durchgehen
- LMB auf Fertig-Knopf
- Produktseite zeigt die gewählte Variante
----------------------------------------
<!-- funktion -->
Konfigurator schließen
<!-- ziel -->
Beendet die Auswahl ohne Wechsel der Variante
<!-- regeln -->
- x-Icon schließt das Modal
- Escape schließt das Modal
- Fokus kehrt zum Auslöser zurück
<!-- testen -->
- Konfigurator öffnen
- Escape drücken
- Modal ist geschlossen
----------------------------------------
<!-- funktion -->
Konfigurationsdaten bereitstellen
<!-- ziel -->
Legt der Produktseite alles bei, was der Konfigurator braucht
<!-- regeln -->
- Kombinationen stammen vom Hauptartikel
- Ohne aktives Layout bleibt die Beilage aus
<!-- testen -->
- Produktseite mit aktivem Layout öffnen
- Seite trägt Kombinationen und Vorbelegung