Design
Cesta: Zapojení › Design
Vzhled upravujete v Canvasu
Vzhled obchodu upravujete naživo v Canvasu — celoobrazovkovém editoru, kde kliknete na prvek v náhledu a změníte ho. Tato stránka je přehled: co najdete v menu Design a kde v Canvasu jsou nejčastěji hledaná nastavení.
Sekce Design je jedno místo pro všechno, jak váš obchod vypadá — editor, šablony vzhledu, vlastní kód, menu a patička.
Co najdete v menu Design
| Položka | Co řeší |
|---|---|
| Canvas | Hlavní editor vzhledu a obsahu — stránky, detail produktu, seznam produktů, hlavička, patička, barvy, písma, šířky, košík a pokladna. Více na stránce Canvas. |
| Šablony | Hotová témata: uložte si aktuální vzhled obchodu jako téma, nainstalujte jiné nebo se vraťte k předchozímu stavu. |
| Vlastní kód | Vlastní CSS a HTML do hlavičky a patičky stránky. Pro technicky zdatné — viz Storefront CSS hooks. |
Navigace a rozvržení
Ve stejné sekci, pod oddělovačem Navigace a rozvržení:
| Položka | Co řeší |
|---|---|
| Správa menu | Položky hlavního menu, patičky a bočního menu kategorií. |
| Editor patičky | Skladba patičky z řádků a bloků. |
| Konfigurace seznamu | Nastavení seznamu produktů; designové části upravíte v Canvasu. |
| Banner seznamu produktů | Banner nad seznamem produktů. |
TIP
Položky se zobrazují podle vašich oprávnění a zapnutých doplňků — pokud některou nevidíte, zkontrolujte doplňky v Systém › Funkce obchodu nebo oprávnění uživatele.
Chování po přidání do košíku
Nastavíte v Canvas › Základní nastavení (ozubené kolečko) › Chování košíku › Po přidání do košíku:
- Vysouvací košík (výchozí) — po přidání produktu se vysune panel košíku.
- Modální okno — otevře se okno s doporučenými produkty.
- Bez akce — zákazník zůstane na stránce, změní se jen počet položek v košíku.
Rozložení pokladny
Nastavíte v Canvas › Základní nastavení › Pokladna a košík › Rozložení pokladny:
- Vše na jedné stránce — celá pokladna na jedné obrazovce.
- Po krocích (1 – 2 – 3) — 1 Doprava a platba (včetně země doručení) → 2 Vaše údaje → 3 Shrnutí. Další krok se zákazníkovi odemkne až po správném vyplnění předchozích. V náhledu Canvasu můžete kroky přepínat volně.
Doprava a platba v pokladně
Výběr dopravní a platební metody v pokladně má dva vzhledy. Vyberete je v Canvas › Základní nastavení › Pokladna a košík › Doprava a platba:
- Oválná tlačítka — kompaktní (výchozí) — metody jako malá oválná tlačítka.
- Karty — detailní — karty na celou šířku s logem dopravce, popisem, časem doručení a cenou.
Barvy oválných tlačítek (aktivní a neaktivní stav, okraj) nastavíte v Canvas › Základní nastavení › Formuláře a přepínače › Přepínací tlačítka (pill).
Ve stejné sekci Pokladna a košík je i Přihlášení v pokladně a přepínač Zobrazit jako nepřihlášeného zákazníka (jen pro náhled).
Chytrá pole v pokladně
Pokladna má několik pomocníků, kteří urychlují vyplňování a fungují automaticky, bez jakéhokoli nastavování:
- Napovídání města a automatické PSČ — při psaní do pole Město (dodací adresa) se po dvou znacích zobrazí seznam měst. Když zadané město přesně sedí, do pole PSČ se doplní nejčastěji používané směrovací číslo pro dané město. Pokud jste PSČ vyplnili ručně, systém ho nepřepíše. Návrhy se čerpají z vašich vlastních předchozích objednávek (ne z externí služby), takže jejich kvalita roste s počtem objednávek; nový obchod bez objednávek jednoduše nic nenapoví.
- Nativní automatické vyplňování prohlížeče — pole pokladny mají správné systémové značky (jméno, e-mail, telefon, ulice, město, PSČ, firma), takže uložené adresy a kontakty z prohlížeče se doplní správně a odděleně pro dodací a fakturační adresu.
- Zapamatování údajů — rozpracovaná pokladna se průběžně ukládá v prohlížeči zákazníka (30 dní) a přihlášenému zákazníkovi se adresa předvyplní z poslední doručované objednávky. Vždy jen doplňuje prázdná pole — nikdy nepřepíše to, co už zákazník napsal.
Související stránky
- Canvas — hlavní editor vzhledu a obsahu
- Bloky a šablony — katalog bloků a práce se šablonami
- Storefront CSS hooks — stabilní třídy pro vlastní CSS
- AI CSS asistent — nechte CSS napsat AI
- Jednotky a řazení — konfigurace seznamu produktů