Package: shop-core Shop/Configurator
Der Konfigurator bietet die Möglichkeit eine Ansicht anhand einer Konfiguration darzustellen, die dazu dient, eine Entity über verschiedene UI-Elemente zu konfigurieren.
Beispiele:
- shopSessionArticle dem die Menge, die Variante, das Editor-Dokument, etc. konfiguriert wird, bevor er in den Warenkorb gelegt wird.
- Paketartikel
- weitere
Ein Implementations- und Pflegebeispiel findet sich hier.
Funktionsweise
Die Idee hinter dem Konfigurator ist ein modularer Aufbau aus UI-Steuerelementen. Zum Beispiel die Checkoutbox mit dem Preis des Artikels und der Menge oder die Variantenauswahl. Beide Sachen sollten getrennt für sich im Konfigurator plalziert werden können sollen.
Um die Ansicht des Konfigurators zu definieren, steht dem Benutzer die Möglichkeit eine Konfiguration zu pflegen bereit. Dabei wird ein Konfigurator-Datensatz angelegt, welcher als Kind-Datensätze Konfiguratorbereiche verknüpft hat. In den Bereichen lassen sich dann über ein Auswahlfeld die einzelnen UI-Elemente zuordnen.
Der Konfigurator-Datensatz dient also dazu, diesen bei einem Artikel oder ähnlichem auszuwählen. Die Bereiche repräsentieren dann die Div-Elemente, die mit Varianten versehen werden können und quasi das Layout bilden. Bei den Bereichen lassen sich dann Inhalte auswählen, welche die einzelnen UI-Steuerelemente repräsentieren.
Wichtig: Den Namen des Konfigurators und der Bereiche sollten nicht als Identifikation verwendet werden. Das ist eine lose Strukturpflege, die ein Kunde vornehmen soll.
Beispiel (Artikelkonfigurator auf Basis des shopSessionArticle):
- Konfigurator-Datensatz "Standard"
- Bereich "Intro"
- Varianten: xs-12
- Inhalte: Artikelüberschrift, Artikelbeschreibung
- Bereich "Stage"
- Varianten: xs-12, md-6
- Inhalte: Artikelgallerie
- Bereich "Konfiguration"
- Varianten: xs-12, md-6
- Inhalte: Bestellprozess, Variantenauswahl
- Bereich "Intro"