Ganz einfach sein eigenes Schutzglas konfigurieren!

Dies können nun Kunden des Shiny Shops, für den netzreich einen Onlineshop samt Konfigurator entwickelt hat. Um Schutzfolien mit individuellen Motiven, Namen oder Bildern unkompliziert erstellen zu können, braucht es einen übersichtlichen Konfigurator, der die vielen Anpassungsoptionen benutzerfreundlich darstellt.

Die Voraussetzungen:

Als aller Erstes werden die Schutzfolien im Onlineshop für 26 verschiedene Handytypen und mehr als 150 unterschiedliche Motive angeboten. Diesem umfangreichen Angebot bedarf es einer Kategorisierung, um einfacher das passende Motiv zu finden. Für exklusive Wünsche besteht die Möglichkeit, eigene Bilder, Illustrationen oder Namen zu verwenden. Um die Gestaltungsmöglichkeiten des Schutzglases abzurunden, ist die Position des Motivs auf der Folie sowie dessen Größe frei wählbar und der Härtegrad kann auf H9 bzw. H10 festgelegt werden.
Für Matheinteressierte: Daraus ergeben sich mehr als 200.000 mögliche Endprodukte.

Die Umsetzung:

Als Basis des Konfigurators dient das Online-Shopsystem Shopware und dessen Extension "Custom Products". Um den Onlineshop für Kunden noch freundlicher zu gestalten, erweitert netzreich sie mittels JavaScript durch eine Vorschau, mit der sich das Produkt angenehm individualisieren lässt. Diese beinhaltet ein Handymodell als Hintergrund und das Motiv, wie es auch schlussendlich zu sehen sein wird. Je nach Hersteller variiert das Handy-Layout, um die Vorschau so realistisch wie möglich zu gestalten.

Als Nächstes kann eines von den vielen Motiven gewählt werden, welche durch ein Filtersystem mit Kategorien schnell auffindbar sind. Durch das Klicken auf ein Motiv wird dieses in der Vorschau auf dem Handy angezeigt. So kann man sich Durchklicken, bis man etwas Passendes gefunden hat.

Für eigene Bilder baute netzreich eine Upload-Funktion in den Konfigurator und ein Eingabefeld für individuelle Namenswünsche ein.

Eine weitere Funktion, um welche die Extension erweitert wurde, ist die Positionierung des Motivs auf dem Handy. Dieses kann bequem durch das Drücken von den entsprechenden Pfeiltasten des Abteils "Position" bewegt werden und wird gleichzeitig auf dem Handy links daneben entsprechend verschoben.

Neben der Position kann auch die Größe mithilfe eines Dropdown-Menüs auf klein, mittel oder groß festgelegt werden und wird, man kennt es schon, auf dem Anzeigescreen angepasst.

Jetzt muss nur noch der Härtegrad ausgewählt werden und schon berechnet sich der Endpreis automatisch und das Produkt kann in den Warenkorb gelegt werden.

Neben diesem übersichtlichen Konfigurator, der den Kunden dank der graphischen Oberfläche übersichtlich durch die Produktgestaltung führt, können alle Produkte im Onlineshop auch in der Übersicht "Produkte" eingesehen und in den Warenkorb gelegt werden.


netzreich.

Wir können nicht nur Onlineshops, sondern auch Typo3, Website, E-Commerce, SEO, App-Programmierung, ‌komplexe 3D- Konfiguration oder digitale Strategie. Mit anderen Worten: Wir sind bestens für die Entwicklung Ihres Internetauftritts aufgestellt. Falls wir Ihr Interesse geweckt haben, schreiben sie uns gerne.
‌ ‌
Wir freuen uns auf Ihre Nachricht!