> ## 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 - Logo

> Nastavte šířku loga obchodu a nahrajte vlastní favicon.

![Panel nastavení loga v editoru storefrontu](https://mintcdn.com/twicecommerce/cJlH0EnJIdVT0BaS/images/theme-editor-logo.webp?fit=max\&auto=format\&n=cJlH0EnJIdVT0BaS\&q=85\&s=ffbe5a1f2f81388914eab52ce4c7db17)

Editor storefrontu > Logo

Panel Logo řídí velikost loga obchodu v záhlaví storefrontu a umožňuje nahrát vlastní favicon. Najdete jej pod **Header** v editoru storefrontu.

## Nastavení

### Šířka loga

| Nastavení | Typ | Výchozí | Popis |
| - | - | - | - |
| Šířka loga | Posuvník | 120 px | Vykreslená šířka loga v záhlaví, v pixelech. Výška se škáluje proporcionálně. |

Samotný obrázek loga nahrajte pod **Settings > General**. Tento panel řídí pouze šířku zobrazení.

### Favicon

Nahrajte vlastní favicon, který nahradí výchozí ikonu na kartě prohlížeče pro váš storefront. Favicon se zobrazuje v rozměru 32 × 32 pixelů.

Pro nastavení faviconu klikněte na tlačítko **+** a vyberte obrázek ze správce souborů. Nahraný obrázek se zobrazí jako náhled. Pro jeho odstranění klikněte na tlačítko **×** na náhledu, storefront se vrátí k výchozí ikoně prohlížeče.

Favicon se vkládá jako značka `<link rel="icon">` na každou stránku storefrontu.

## CSS proměnné

```css CSS proměnné theme={null}
:root {
  --storefront-logo-width: 120px;
}
```

## Související články

> **[Rozložení](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/layout.md)**
>
> Řízení šířky stránky a okrajů.

> **[Barvy](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/colors.md)**
>
> Definujte barevnou paletu storefrontu.


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