ENVAIR
TYPO3-Extension "Produktfilter"
Im Auftrag der Agentur bemerkt entwickelten wir eine TYPO3-Extension für Envair Deutschland mit dem Ziel, dem Interessenten einen möglichst schnellen Weg zum Wunschprodukt zu bieten. Potentielle Käufer reduzieren die Produktliste zu einer übersichtlichen Auswahl nach den passenden Kriterien. Das bietet Mehrwert und steigert die Usability.
Das Projekt und dessen
Zahlen, Daten, Fakten
- Launch:
- April 2018
- Kunde:
- Envair Deutschland
- Agentur:
- bemerkt
- Technologien:
- PHP, JavaScript
- Frameworks:
- TYPO3 CMS, Vue JS
Die redaktionellen Möglichkeiten:
Das Backend
Redakteure können die Filterkriterien und Gruppierungen in TYPO3 einfach selbst verwalten, übersetzen und den Produkten zuweisen.
Was beim Benutzer ankommt:
Das Frontend
Der Filter erscheint oberhalb der Produktliste und gibt alle Filter aus, welche auch tatsächlich mindestens eine Produktzuordnung haben. Die Live-Filterung wurde per JavaScript realisiert und sorgt für eine verzögerungsfreie und performante Filterung.
Ein Blick unter die Haube:
Die Technik
Die TYPO3-Extension besteht aus eigenen Datenmodellen für die Filter und dessen Gruppierungen. Für das Frontend wurde eines der führenden JavaScript-Frameworks Vue JS verwendet. Während die Backend-Entwicklung keine allzu große Komplexität darstellte, lag der Schwerpunkt dieses Projektes auf der Frontend-Entwicklung mit Vue JS.