> ## Documentation Index
> Fetch the complete documentation index at: https://www.twicecommerce.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Editor storefrontu - Vyhledávací lišta

> Stylujte vyhledávací lištu storefrontu.

![Panel nastavení vyhledávací lišty v editoru storefrontu](https://mintcdn.com/twicecommerce/cJlH0EnJIdVT0BaS/images/theme-editor-search-bar.webp?fit=max\&auto=format\&n=cJlH0EnJIdVT0BaS\&q=85\&s=3eb5b0031723792e075f276394e4259b)

Editor storefrontu > Vyhledávací lišta

Panel Vyhledávací lišta řídí vzhled vyhledávacího pole storefrontu. Najdete jej pod **Karty** v editoru storefrontu. Kde se vyhledávací lišta zobrazuje, se nastavuje na jednotlivých stránkách, viz [Domů](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/pages/home.md) a [Stránka kolekce](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/pages/collection.md).

## Barvy

| Nastavení | Výchozí | Popis |
| - | - | - |
| Pozadí | `#F2F3F5` | Barva pozadí vyhledávacího pole. |

## CSS proměnné

```css CSS proměnné theme={null}
:root {
  --storefront-search-bar-background-color: #F2F3F5;
}
```

## Související články

> **[Vstupy](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/inputs.md)**
>
> Stylujte vstupní pole formuláře napříč obchodem.

> **[Stránka kolekce](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/pages/collection.md)**
>
> Zapněte vyhledávání na stránkách kolekcí.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.