# 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](https://themedocs.zenit.design/styling/allgemein)".
{% endhint %}

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FoED17XyonzRDH7j7s11t%2Fdocs-de-config-theme-header-search-colors.webp?alt=media\&token=657f1858-25a2-499f-8f29-0af47359aebe)

## 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="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FCjntP1Jlr61lV0PnP6TC%2Fdocs-de-config-theme-header-search-basic-configuration.png?alt=media&#x26;token=73f659fe-f11d-489f-9ae3-75eb37cc0be1" 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="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2F2BLvnSVHNIKHpqvBqDkc%2Fdocs-example-theme-header-search-basic-configuration-width.webp?alt=media&#x26;token=a2b48239-4546-479e-83d9-d4091fe83da7" alt=""><figcaption><p>50% Breite der Suche</p></figcaption></figure>

<figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FaxO1ekPcIDALsjeWmLMg%2Fdocs-example-theme-header-search-basic-configuration-category-filter.webp?alt=media&#x26;token=2bc8ed25-2753-40c0-83af-9c3a45647006" alt=""><figcaption><p>Kategorie Filter</p></figcaption></figure>

<figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2F2TE555VjpnlJ23mzhX88%2Fdocs-en-config-theme-header-search-basic-configuration-suggest-separator-example.png?alt=media&#x26;token=8f78cd58-8910-4f11-a034-8bbc6b2140b3" alt="" width="563"><figcaption><p>Suchergebnisse Trennlinien</p></figcaption></figure>
