> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.eshop-rychle.cz/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Design webu

V sekci **Design webu** si můžete snadno spravovat vzhled e-shopu – vybírat z dostupných šablon, měnit barevná schémata a přizpůsobovat barvy podle svých potřeb. Tento návod vás provede celým postupem.

# Kde sekci najdete?

Sekci **Design webu** najdete v hlavním menu administrace – mezi položkami *Propagace e-shopu* a *Nastavení*.

Obsahuje dvě podsekce:
* **Nabídka šablon** – výběr a správa šablony e-shopu
* **Nastavení šablony** – úprava barevnosti, písma, hlavičky, patičky a dalších prvků


# Nabídka šablon

V horní části sekce uvidíte **aktuálně zvolenou šablonu**. Pomocí tlačítka **Editovat šablonu** otevřete její nastavení a doladíte detaily.

Níže se zobrazuje **nabídka ostatních šablon**, ze kterých si můžete vybrat novou. Kliknete-li na tlačítko Zvolit šablonu, pak nedojde ihned k jejímu publikování - automaticky se dostanete do editoru šablony, ve kterém si šablonu přizpůsobíte. Až poté, co publikujete změny veřejně (přes tlačítko *Zveřejnit provedené změny*), dojde k tomu, že bude šablona zvolena a viditelná návštěvníkům e-shopu.

| TIP: Nejste si jistí, kterou šablonu zvolit? Přečtěte si návody k našim nejnovějším šablonám: [New York](https://blog.eshop-rychle.cz/revolucni-sablona-new-york/), [Milano](https://blog.eshop-rychle.cz/sablona-milano-beta/), [Geneva](https://blog.eshop-rychle.cz/sablona-geneva/), [Babylon](https://blog.eshop-rychle.cz/sablona-babylon/) a [Shopiqueen](https://blog.eshop-rychle.cz/sablona-shopiqueen/).

![Nabídka dalších šablon](https://storage.crisp.chat/users/helpdesk/website/-/6/f/3/2/6f32a7e5909e9400/image_1pmi4of.png)

## Pracovní mód
Před nasazením nové šablony můžete využít tzv. **pracovní mód**, ve kterém si vše vyzkoušíte nanečisto – změny neuvidí vaši zákazníci.

Podrobněji je popsán v tomto článku:
* [Pracovní mód](https://help.eshop-rychle.cz/cs/article/pracovni-mod-1fpb64b/)

Pokud vytváříte nový e-shop, můžete mezi šablonami přepínat přímo – pracovní mód není nutný. Pokud již ovšem máte návštěvnost a nechcete zákazníkům ukazovat nedokončený vzhled e-shopu, pak pracovní mód doporučujeme.

![Zapnout pracovní mód](https://storage.crisp.chat/users/helpdesk/website/-/6/f/3/2/6f32a7e5909e9400/image_zv499a.png)

# Nastavení šablony

V podsekci **Nastavení šablony** najdete veškeré možnosti vzhledu – od **loga e-shopu a faviconu** přes **Informační lištu** až po **vlastní CSS** a **HTML kód (prostor pro vlastní CSS a HTML naleznete zcela dole)**.
První blok tvoří **Barevná schémata šablony**. 

![Nastavení loga, favicony a přizpůsobení informační lišty](https://storage.crisp.chat/users/helpdesk/website/-/6/f/3/2/6f32a7e5909e9400/image_49mvou.png)

## Barevná schémata šablony

Ve výchozím nastavení šablony budete mít aktivní první barevné schéma (např. u šablony New York je to tedy schéma Oranžová se zelenou). Z nabídky si však můžete vybrat některé z **předpřipravených barevných kombinací**, nebo si vytvořit vlastní variantu pomocí tlačítka ***Přizpůsobit***.

|| Pamatujte, že barevná schémata šablony jsou aktivní pouze u nové generace šablon 4.0.

![Barevná schémata šablony New York](https://storage.crisp.chat/users/helpdesk/website/-/6/f/3/2/6f32a7e5909e9400/2025-10-1615h3204_1n3o9y1.png)


### Co lze upravovat v editoru barev
* Hlavní a vedlejší barvu šablony  
* Barvy tlačítek (konverzní, obecná, méně důležitá)  
* Barvy menu, textu a nadpisů  
* Písmo šablony  
* Hlavičku webu (barva pozadí)  
* Pozadí webu (barva/obrázek, upevnění, pozice, roztažení, opakování)  
* Patičku (barva pozadí, textu, nadpisů, odkazů)

### Jak funguje vlastní barevná kombinace
* Jakmile začnete upravovat některé z předpřipravených barevných schémat, systém automaticky vytvoří **vlastní barevnou kombinaci**. Využijete-li tedy přizpůsobení, pak naleznete barevné schéma s názvem **Vlastní barevná kombinace** zcela na konci nabídky ze všech schémat.
* Změny se na veřejný e-shop propíší až po kliknutí na **Zveřejnit změny**.

![Vlastní barevná kombinace - schéma je zcela na konci](https://storage.crisp.chat/users/helpdesk/website/-/6/f/3/2/6f32a7e5909e9400/image_1geqe43.png)

## Nabídka designu na míru
V dolní části editoru barev se zobrazuje banner s nabídkou **profesionálního designu na míru**. Kliknutím na tlačítko *Mám zájem o design na míru* otevřete formulář, kde můžete odeslat kontakt našemu týmu.

|| DOPORUČENÍ: Ve spodní části sekce Design webu naleznete možnost *"Výchozí nastavení šablony"*. Kdykoli tedy máte možnost vyresetovat šablonu do jejího výchozího nastavení. Veškeré vámi provedené změny v tomto editoru, včetně úprav CSS a zde vyplněných HTML kódů, budou tímto ztraceny. 
|| Toto nastavení lze použít také pro pracovní mód. Při použití této funkce v pracovním módu vyresetujete pouze nastavení pracovního módu, až do publikování změn veřejně se vaše ostré nastavení neztrácí na trvalo.