110 lines
3.3 KiB
Markdown
110 lines
3.3 KiB
Markdown
<!-- 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
|