Fahrzeug-Selektor Block

Der Fahrzeug-Selektor ist der primäre Storefront-Block, mit dem Kunden ihr Fahrzeug auswählen und Produkte nach Kompatibilität filtern können.

Funktionsweise

Der Selektor bietet ein Kaskaden-Dropdown (ähnlich dem Admin-Editor):

Kunde wählt seine Marke

Dann sein Modell

Dann Plattform (optional)

Dann Baujahr

Optional Motor/Variante

Sobald ein Fahrzeug ausgewählt ist, merkt sich der Shop die Auswahl und alle Kompatibilitäts-Badges und Filter aktualisieren sich automatisch.

Funktionen

Mehrstufige Kaskade — 5 Filterebenen für präzise Fahrzeugauswahl
Mobilfreundlich — Wird auf Mobilgeräten als Bottom-Sheet dargestellt
HSN/TSN-Tab — Optionaler Tab für Fahrzeugschein-Abfrage (Enterprise)
Meine-Garage-Integration — Schnelles Wechseln zwischen gespeicherten Fahrzeugen
Persistente Auswahl — Merkt sich das Fahrzeug des Kunden über Seitennavigationen hinweg
Lokalisiert — In 40+ Sprachen verfügbar, verwendet automatisch die Sprache Ihres Shops

Konfigurationsoptionen

Im Theme-Editor können Sie anpassen:

Filterstufen — Wählen Sie, wie viele Kaskadenstufen angezeigt werden (3–6)

Button-Stil — Primär, sekundär oder schlicht

Farben — Passend zum Farbschema Ihres Themes

Beschriftungen — Dropdown-Labels und Button-Texte anpassen

Weiterleitung — Optional nach der Auswahl zu einer gefilterten Kollektionsseite weiterleiten

Beste Platzierung

Startseite — Im Hero-Bereich als prominentes „Teile für Ihr Fahrzeug finden"-Widget
Kollektionsseiten — Über dem Produktraster als Filter
Header/Navigation — Als persistenter Fahrzeug-Selektor (über App-Embed)

Events

Der Selektor sendet ein fitment:vehicle-selected Event, das andere Blöcke (Badge, Filter, Tabelle) empfangen. Dies ermöglicht Echtzeit-Updates auf der Seite ohne Neuladen.