Ersetze das Such-Icon durch eine vollständige Predictive Search Bar im Header. Live-Ergebnisse mit Bildern und Preisen.
Want more control? See the expanded prompt ›
Ersetze das Such-Icon durch eine vollständige Predictive Search Bar im Header. Live-Ergebnisse während der Kunde tippt: Produkte (mit Bild und Preis), Kategorien und Artikel. Letzte Suchanfragen in localStorage speichern. Auf Mobile im Full-Screen öffnen.
- Live as-you-type Ergebnisse über Shopify Search & Discovery.
- Zeigt Produkte, Kategorien und Artikel im gruppierten Ergebnisbereich.
- Öffnet auf Mobile im Full-Screen mit Autofokus.
- Letzte Suchanfragen werden im localStorage gespeichert.
Was du erreichen willst
In Shops mit tiefen Katalogen konvertieren Käufer, die die Suche nutzen, oft besser als diejenigen, die nur stöbern. Die Suche hinter einem Lupen-Icon zu verstecken, kostet dich bares Geld. Eine auffällige Predictive-Search-Leiste, die schon beim Tippen Bilder und Vorschläge anzeigt, macht die Suche vom 'letzten Ausweg' zum 'schnellsten Weg zum Produkt'.
Worauf du achten solltest
- Suchqualität: Fudge nutzt die Predictive Search von Shopify, die durch die Search & Discovery App optimiert wird, um präzise Ergebnisse zu liefern.
- Mobile UX: Die Suche öffnet sich im Vollbildmodus mit Autofokus und sofortigen Vorschlägen.
- Performance: Anfragen sind debounced (250ms), damit die Leiste nicht bei jedem Tastendruck einen Request sendet.
- Empty State (Leerer Zustand): Fudge zeigt die letzten Suchanfragen + beliebte Kategorien an, wenn das Eingabefeld leer ist.
Wie Fudge das macht
Fudge dupliziert dein Live-Theme in einen Entwurf, baut den Bereich als bearbeitbare Shopify-Section mit der Platzierung und dem Verhalten, das dein Prompt verlangt, und verknüpft sie mit deinen echten Produktdaten und deinem Brand-Styling. Alles startet als Entwurf — als Vorschau im Shop testen, über den Theme Editor anpassen und erst veröffentlichen, wenn du bereit bist. Dein Live-Store bleibt völlig unangetastet.
Warum Predictive Search das Such-Icon schlägt
Die Suche hinter einem Icon zu verstecken, kostet Conversions. Eine vollständige Predictive-Search-Leiste im Header mit Ergebnissen schon während des Tippens bringt Käufer, die genau wissen, was sie wollen, direkt ans Ziel – so überspringen sie das Stöbern komplett.
Wann sich die Umsetzung lohnt
Baue die Predictive Search für jeden Katalog mit mehr als ca. 50 Produkten. Bei kleinen Katalogen, in denen Stöbern schneller ist als Suchen, kannst du darauf verzichten.
Was eine gute Suche ausmacht
- Live-Ergebnisse beim Tippen — debounced, schnell.
- Produkte + Kategorien + Artikel in den Ergebnissen — umfassend.
- Letzte Suchanfragen im localStorage gespeichert — Stammkunden profitieren.
- Öffnet sich mobil im Vollbild — erfüllt Touch-UX-Anforderungen.
Kombiniere das mit dem Mega-Menü und dem Redesign des mobilen Menüs.
Fudge baut das mit seinem Store-Editor.