Erscheinungsbild und Einbindung ins Theme

Overlay oder im Theme, die Selektoren, die die Suche mit dem Shop verbinden, das Aussehen der Ergebnisse und die Texte, die der Besucher liest.

Alles, was hier steht, wohnt unter Suche → Shops → bearbeiten und erreicht das Suchpanel automatisch: es wird weder am Modul gearbeitet noch irgendetwas im Shop deployt.

Wo die Ergebnisse erscheinen

Das Suchpanel hat zwei Modi, und die Wahl hängt vom Theme ab:

• Über dem Shop (Overlay): die Ergebnisse öffnen sich in einer eigenen Ebene, die die Seite bedeckt. Das funktioniert in jedem Theme ohne Konfiguration. Hier können Sie das Logo festlegen (indem Sie mit einem Selektor auf das des Themes zeigst oder ein eigenes hochlädst) und den Warenkorb-Link, damit die Ebene die wesentliche Navigation des Shops behält.
• Im Theme (inline): die Ergebnisse werden in einem Container des Themes selbst gezeichnet, wie eine Seite des Shops. Das verlangt zwei Selektoren: den des Containers und, normalerweise, den dessen, was während der Suche ausgeblendet werden soll. Auf einer Seite, auf der es den Container nicht gibt, benutzt das Suchpanel automatisch das Overlay.

Die Selektoren

Sie sind der Klebstoff zwischen dem Suchpanel und dem Theme, und hier entscheidet sich, ob eine Einbindung gut oder schlecht läuft:

• Suchleiste: standardmäßig input[name='s']. Wenn Ihr Theme einen anderen benutzt, ist das der erste, den Sie anpasst, und angepasst wird er in der Konfiguration des Moduls.
• Buttons, die die Suche öffnen: Icons oder Buttons des Themes (die Lupe im Menü auf dem Handy zum Beispiel). Wenn sie angetippt werden, öffnet sich das Suchpanel mit seinem eigenen Eingabefeld.
• Buttons, die den Assistenten öffnen: dasselbe, für den Assistenten.
• Während der Suche ausblenden: was vom Theme aus dem Weg gehen soll, solange die Ergebnisse zu sehen sind, im Inline-Modus.

Wenn die Suche des Shops weiterhin antwortet Der Selektor der Suchleiste erwischt nicht das richtige Input-Feld. Untersuche das Feld im Theme und korrigiere ihn; das ist die Ursache bei neun von zehn Einbindungen, die auf halbem Weg stehen bleiben.

Blättern

Um an den Rest der Ergebnisse zu kommen, gibt es drei Optionen: einen Button „Weitere Ergebnisse anzeigen", endloses Scrollen oder nummerierte Seiten. Kosten und Nutzen jeder Variante stehen auf dem Bildschirm selbst.

Aussehen der Ergebnisse

Akzentfarbe, Radius der Ecken, Produkte pro Zeile (am Computer und auf dem Handy), und was jede Karte zeigt: Kaufen-Button (standardmäßig eingeschaltet), Text des Handlungsaufrufs, Marke, Referenz, Rabattzeichen und Ausverkauft-Hinweis.

Die Schriftart wird nicht konfiguriert: das Suchpanel erbt immer die des Shops, um sich ins Theme einzufügen. Das ist eines der wenigen Dinge, die absichtlich geschlossen sind, und der Grund ist, dass eine Suche mit eigener Typografie immer aussieht wie ein fremder Kasten, der über den Shop geklebt wurde.

Ein Produkt, das schon im Warenkorb des Besuchers liegt, erscheint markiert: die Karte bekommt den Rahmen in der Akzentfarbe, der Kaufen-Button zeigt die Einheiten, die drin liegen, und in den Listen des Shops selbst bekommt die Karte des Themes ein Siegel „Im Warenkorb". Die Markierung folgt dem Warenkorb in Echtzeit, egal ob in der Suche oder im Shop hinzugefügt wurde.

Für das, was die Optionen nicht abdecken, gibt es das Feld Zusätzliches CSS (bis zu 4000 Zeichen), das ans Ende des Stylesheets des Suchpanels eingefügt wird.

Texte des Suchpanels

Alle Texte, die der Besucher liest („Weitere Ergebnisse anzeigen", „Keine Ergebnisse für…", die Sortierung, die Filter), haben eine Übersetzung aus dem Haus in jeder Sprache des Index. Im Abschnitt Texte können Sie jeden davon ersetzen, Sprache für Sprache.

Ein leer gelassenes Feld behält unsere Version und bekommt weiterhin die künftigen Korrekturen; nur was Sie schreiben, bleibt auf Ihre Art fest. Es lohnt sich, nur das anzufassen, was Ihr Shop anders sagt, und den Rest den Versionen des Suchpanels folgen zu lassen.