> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/styling/header/suche.md).

# Suche

## Farben

Je nach Einstellung der Suche (Overlay Suche, Ausklappbare Suche und Standard Suche) haben die Farbfelder eine unterschiedliche Funktion. Erfahren unter den Hilfe-Labels mehr über die jeweilige Funktion der Farbe.

{% hint style="info" %}
Die grundlegenden Erscheinungs-Einstellungen der Suche findest Du im Tab "[Allgemein](/styling/allgemein.md)".
{% endhint %}

![](/files/klFfJN7TutmYpBOD9ZJq)

## Grundeinstellungen

Die Angabe der **Suchfeld-Breite (1, 2)** erfolgt in Prozent und bezieht sich auf die **gesamte Header-Breite**. Wenn der eingestellte Prozentwert größer ist als der tatsächlich zur Verfügung stehende Platz in der entsprechenden Header-Zeile, wächst das Suchfeld nicht über diesen verfügbaren Bereich hinaus. Das bedeutet: Auch eine auf 50% gesetzte Breite kann in der Praxis bereits den vollständigen Raum zwischen Logo und Hauptnavigation ausfüllen.

Der **Kategorie Filter (3)** aktiviert eine Zusatzfunktion des Themes, die bereits bei Eingabe des Suchbegriffs auf eine gewünschte Kategorie filtern lässt.

Die Trennlinien in der Vorschlagssuche lassen sich mit der Auswahl **Vorschlagssuche Trennlinien (4)** aktivieren.

<figure><img src="/files/D0TYOZuYJnRix2FjseCV" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Nicht jeder Shop stellt in erster Ebene die Kategorien dar. Solltest Du die eigentliche Kategorie in einer anderen Ebene haben, kannst Du den Einstiegspunkt für den Kategorie Filter wählen.&#x20;
{% endhint %}

Beispiel:

<figure><img src="/files/RdUCg1t1LnmVXcYOmHYN" alt=""><figcaption><p>50% Breite der Suche</p></figcaption></figure>

<figure><img src="/files/ovH2FYjuFyKVcOckrxRK" alt=""><figcaption><p>Kategorie Filter</p></figcaption></figure>

<figure><img src="/files/l9R92xGiMEl4p7EIMMM4" alt="" width="563"><figcaption><p>Suchergebnisse Trennlinien</p></figcaption></figure>
