Skip to content

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žkaCo řeší
CanvasHlavní 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.
ŠablonyHotová 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ódVlastní CSS a HTML do hlavičky a patičky stránky. Pro technicky zdatné — viz Storefront CSS hooks.

Ve stejné sekci, pod oddělovačem Navigace a rozvržení:

PoložkaCo řeší
Správa menuPoložky hlavního menu, patičky a bočního menu kategorií.
Editor patičkySkladba patičky z řádků a bloků.
Konfigurace seznamuNastavení 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 ​