> ## 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 - Rozložení

> Řízení maximální šířky stránky a vodorovných okrajů použitých napříč storefrontem.

![Panel nastavení rozložení v editoru storefrontu](https://mintcdn.com/twicecommerce/lZhc_tO8u1u_bL0Q/images/theme-editor-layout.webp?fit=max\&auto=format\&n=lZhc_tO8u1u_bL0Q\&q=85\&s=382028a8711615cde28c690572b39556)

Editor storefrontu > Rozložení

Panel Rozložení řídí, jak široká je plocha obsahu vašeho storefrontu a kolik vodorovného prostoru ji obklopuje. Tato nastavení platí globálně.

## Nastavení

| Nastavení | Typ | Výchozí | Rozsah | Popis |
| - | - | - | - | - |
| Maximální šířka stránky | Posuvník | 1400 px | 800–1800 px | Maximální šířka hlavního kontejneru obsahu. Obsah nikdy nepřekročí tuto šířku bez ohledu na velikost obrazovky. |
| Okraj | Posuvník | 32 px | 0–64 px | Vodorovné odsazení mezi plochou obsahu a okrajem zobrazovací plochy. |

> [!NOTE]
>
> Na obrazovkách užších než maximální šířka stránky vyplní obsah dostupný prostor minus okraj. Maximální šířka stránky omezuje rozložení pouze na širších obrazovkách.

## CSS proměnné

```css CSS proměnné theme={null}
:root {
  --storefront-layout-page-width: 1400px;
  --storefront-layout-margin: 32px;
}
```

## Související články

> **[Typografie](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/typography.md)**
>
> Nastavte písma a jejich velikost.

> **[Karta nabídek](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/listings-card.md)**
>
> Nastavte rozložení a vzhled karty nabídek.


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