Canvas — vizuální editor

Cesta: Zapojení › Design › Canvas (/admin/settings/canvas)

Canvas je celoobrazovkový editor vašeho obchodu. Uprostřed vidíte skutečný obchod v náhledu, vlevo máte seznam částí stránky (Vrstvy) a vpravo panel s nastavením. Kliknete na libovolný prvek přímo v náhledu a upravíte ho — změnu vidíte hned. Zákazníci ji uvidí až po kliknutí na Publikovat.

V Canvasu upravujete stránky, detail produktu, kartu produktu, seznam produktů, blog, FAQ, košík, pokladnu, hlavičku, patičku i celkový vzhled obchodu (barvy, písma, šířky).

Staré obrazovky otevírají Canvas

Původní obrazovky Vizuální nastavení, Správa tématu, tvorba stránek (page builder) i tvorba produktových bloků už neexistují — jejich odkazy otevřou Canvas. Všechno, co jste tam nastavovali, najdete tady.

Jak se do Canvasu dostanete

• z bočního menu: Zapojení › Design › Canvas,
• z Dashboardu — úvodní karta „Poskládejte si stránky v Canvasu",
• ze seznamu stránek (Zapojení › Obsah a vzhled › Všechny stránky) — akce Upravit v Canvasu u řádku stránky,
• z úpravy stránky — tlačítko Canvas nebo Otevřít Canvas,
• z úpravy produktu — Další akce › Canvas (otevře Canvas přímo na tomto produktu),
• přímo z obchodu: když jste přihlášeni jako správce, na okraji stránky je záložka Upravit v Canvas a v rychlém vyhledávání (Ctrl/⌘+K) položka Upravit tuto stránku v Canvas.

Horní lišta

Zleva doprava:

Prvek	K čemu slouží
Zavřít	Zavře editor a vrátí vás na Dashboard.
Výběr stránky	Přepíná, co je v náhledu. Skupina Části obchodu: Seznam produktů, Blog, FAQ, Košík, Pokladna. Skupina Stránky: vaše stránky (první je Domovská stránka). Do náhledu se dostanete i tak, že v něm jednoduše klikáte na odkazy.
Stav stránky (barevná tečka)	Otevře Stav stránky: přepínač Publikovaná / Skrytá a odkaz Upravit detaily stránky (URL, SEO, heslo)…. Skrytou stránku návštěvníci nevidí, v Canvasu ji můžete dál upravovat. Domovská stránka musí zůstat publikovaná. Přepínač platí hned.
AI	Zobrazí nebo skryje panel Merzio AI.
Vrstvy	Zobrazí nebo skryje levý panel se stromem stránky.
Ikony zařízení	Přepíná náhled: počítač, tablet, mobil.
Jazyky (např. CS / EN)	Jen v obchodech s více jazyky. Přepne jazyk náhledu i jazyk, ve kterém upravujete texty.
Zobrazit obchod	Otevře živý obchod v nové kartě.
Základní nastavení (ozubené kolečko)	Vzhled celého obchodu — barvy, písma, šířky, košík, pokladna. Viz níže.
Nepublikované změny	Svítí, když máte rozpracované změny. Kliknutím otevřete přehled Co se publikuje.
Zahodit	Po potvrzení zahodí všechny nepublikované změny.
Uložit koncept	Uloží rozpracované změny. Koncept vydrží, i když editor zavřete.
Publikovat	Zveřejní všechny nepublikované změny najednou.

Canvas nemá krok zpět

V Canvasu není tlačítko Zpět ani Znovu (undo / redo). Pokud se spletete, hodnotu opravte ručně, nebo použijte Zahodit — to ale zahodí všechny nepublikované změny, ne jen tu poslední.

Práce v náhledu

1. Najeďte myší na prvek. Zvýrazní se a štítek ukáže, o co jde — u vnořených bloků i celou cestu, např. „Sekce › Sekce › Karta".
2. Klikněte na něj. Vpravo se otevře jeho nastavení a nad vybranou sekcí se zobrazí lišta s akcemi.
3. Upravte hodnoty — náhled se mění hned.
4. Klávesou Esc přejdete o úroveň výš (z karty na sekci, ve které je).

Lišta nad vybranou sekcí

• cesta k vybranému bloku — kliknutím na kteroukoli úroveň ji vyberete,
• Nastavení sekce,
• Posunout výše / Posunout níže,
• Duplikovat,
• Uložit sekci jako šablonu — sekci pak najdete mezi uloženými sekcemi,
• Stáhnout sekci (do jiného obchodu) — uloží sekci jako soubor,
• Odstranit sekci,
• + Sekce — přidá novou sekci pod tuto.

Stejné akce jsou i nahoře v pravém panelu.

Přidání sekce nebo bloku

Klikněte na + Sekce v náhledu, na Přidat sekci ve Vrstvách nebo na + u řádku ve Vrstvách. Otevře se okno výběru. Nový prvek se vloží na místo modré čáry v náhledu.

Ve výběru najdete:

• pole Hledat sekci…,
• Uložené sekce — sekce, které jste si uložili jako šablonu,
• Nahrát sekci ze souboru — vloží sekci staženou z jiného obchodu,
• Karty v řadě — předvolby 1× až 4×: jedním kliknutím vložíte řádek s 1 až 4 kartami vedle sebe,
• bloky ve skupinách Základní, Bannery, Karty a záložky, Obsah a marketing, Ostatní,
• Šablony stránek — nahradí obsah celé stránky uloženou šablonou (stále jen jako koncept),
• Uložit aktuální stránku jako šablonu,
• Stáhnout stránku — uloží celou stránku jako soubor.

Popis jednotlivých bloků a práci se šablonami najdete na stránce Bloky a šablony.

Přenos mezi obchody

Sekci nebo celou stránku si můžete stáhnout jako soubor a v jiném obchodě Merzio ji nahrát. Obrázky se přenesou se souborem.

Vrstvy (levý panel)

Panel Vrstvy ukazuje všechno, z čeho se právě zobrazená stránka skládá.

• Nahoře je řádek Hlavička, dole Patička — kliknutím otevřete jejich nastavení.
• Mezi nimi jsou skupiny podle toho, co je v náhledu:
  • stránka — její sekce,
  • detail produktu — bloky v zónách Pod košíkem, Nad popisem a Pod popisem,
  • seznam produktů — bloky Nad produkty a Pod produkty.

U každého řádku máte:

• oko — skryje nebo zobrazí blok, aniž byste ho smazali,
• + (Přidat pod tento blok),
• nabídku Další akce: Posunout výše, Posunout níže, Duplikovat, Přesunout do: … (do kteréhokoli rozložení nebo karty na stejné ploše), Přesunout ven, Vložit do nové sekce rozložení, Odstranit.

Řádky můžete také táhnout myší — v rámci stránky, do sekce rozložení i ven z ní. Přesouvat nelze mezi plochami: blok stránky nepřesunete na detail produktu ani do seznamu produktů a naopak.

Prvky sekce

Pod sekcí jsou ve Vrstvách její prvky — například Nadpis, Text, Tlačítko, Druhé tlačítko. U každého je oko (skrýt / zobrazit) a odstranění. Řádek Přidat prvek (n/m) ukazuje, kolik z možných prvků sekce používá, a přidá chybějící.

Snímky a položky

Sekce se seznamem mají položky jako samostatné řádky: snímky karuselu (+ Přidat snímek), dlaždice (+ Přidat dlaždici) a další opakované položky, např. výhody (Přidat položku). Položky můžete přidávat, duplikovat, mazat, posouvat a táhnout.

Panel sekce (vpravo)

Panel vybrané sekce začíná částí Obsah sekce — seznam jejích prvků a položek, takže se k nim dostanete i bez Vrstev. Pod ní jsou záložky Obsah, Design a Vedlejší.

Úprava textu přímo v náhledu

Když kliknete na text v sekci (nadpis, popis, tlačítko), zobrazí se nad ním malá lišta:

• Barva textu (u tlačítka i Barva tlačítka),
• Velikost — mění se velikost pro zařízení, které náhled právě zobrazuje (počítač, tablet nebo mobil),
• Tloušťka písma,
• Zarovnání,
• Velká písmena,
• Rozestup písmen,
• Všechna nastavení v panelu — otevře úplné nastavení vpravo.

Samotný text přepíšete v pravém panelu. U nadpisů a popisů tam máte i jednoduché formátování: Tučné, Kurzíva, Odkaz; nový řádek vložíte přes Shift+Enter.

Co všechno v Canvasu upravíte

Stránky

Sekce přidáváte, přesouváte, duplikujete, skrýváte a mažete tak, jak je popsáno výše. Každá sekce má vlastní šířku a odsazení.

Detail produktu

Otevřete produkt v náhledu (nebo Canvas z úpravy produktu) a klikněte na to, co chcete změnit:

• Produkt — název, krátký a dlouhý popis a pořadí obrázků (první je hlavní). Nové obrázky se nahrávají v úpravě produktu.
• Skupiny společné pro všechny produkty: Vzhled detailu, Odsazení detailu (včetně Šířka detailu s možností Zdědit šířku obchodu), Tlačítko do košíku, Akordeon Doručení, Sekce Recenze, Parametry, Cena, Zobrazení na detailu, Sklad a doručení.
• Bloky produktu — u každého nastavíte Umístění (Pod košíkem / Nad popisem / Pod popisem) a Rozsah: Všechny produkty (blok bude na každém produktu) nebo Jen tento produkt.

Karta produktu

Klikněte na kartu produktu kdekoli v náhledu. Varianta karty se vybírá zvlášť pro počítač, tablet a mobil; následují barvy, zaoblení, ohraničení a tlačítko do košíku. Karta je jedna pro celý obchod — seznam produktů, mřížky i doporučení.

Seznam produktů

Ve výběru stránky zvolte Seznam produktů nebo v náhledu otevřete kategorii. Nastavení jsou ve skupinách: Rozložení stránky, Vzhled seznamu, Hero sekce, Řazení, Horní popis, Dolní popis, Rychlé menu kategorií, Boční panel s filtry, Mřížka a stránkování, Stránkování.

Všechny kategorie, nebo jen jedna?

Nahoře v panelu vidíte, co právě upravujete: Všechny kategorie a značky, nebo jen Tato kategorie (případně Tato značka). Změna pro všechny kategorie se projeví v celém obchodě; změna pro jednu kategorii platí jen pro ni. Kategorii vrátíte na společné nastavení tlačítkem Vrátit celou kategorii na globální.

Blog a FAQ

Ve výběru stránky zvolte Blog nebo FAQ a upravte nadpis, podnadpis, barvy a rozložení.

Blog a FAQ se ukládají hned

U těchto dvou panelů uvidíte poznámku Ukládá se přímo (bez konceptu). Změna je v obchodě okamžitě, nečeká na Publikovat.

Hlavička

Klikněte na hlavičku v náhledu nebo na Hlavička ve Vrstvách. Najdete tu: Varianta hlavičky, Rozložení prvků, Menu (kliknutím na odkaz v náhledu otevřete přímo jeho text, adresu a design), Rozbalovací menu, Barvy hlavičky, Logo, Vyhledávání, Oznamovací lišta, Mobilní menu a odkaz na Navigační cesta (breadcrumbs).

• Mobilní menu — animace otevírání, šířka panelu, barvy a tloušťky písma. Přepněte náhled na mobil a menu otevřete. Bannery, kontakty, text a sociální sítě nad nebo pod položkami menu přidáte odkazem Upravit bloky mobilního menu na konci panelu — viz Bloky mobilního menu.
• Položky menu přidáváte a mažete v Zapojení › Design › Správa menu; v Canvasu upravujete existující.

Oznamovací lišta

V panelu hlavičky upravíte text a odkaz existujících oznámení a způsob zobrazení — Střídání (karusel) nebo Plynulý běh (marquee), rychlost, směr a šipky. Nové oznámení vytvoříte v Zapojení › Marketing › Oznámení.

Patička

Klikněte na patičku nebo na Patička ve Vrstvách. Upravíte logo patičky, text ve spodní liště, loga platebních metod a odkazy ve sloupcích. Pokud používáte patičku poskládanou v editoru patičky, panel vás na něj pošle tlačítkem Otevřít Footer builder (Zapojení › Design › Editor patičky).

Základní nastavení

Ozubené kolečko v horní liště otevře nastavení, která platí pro celý obchod:

Sekce	Co nastavíte
Značka a barvy	Primární a sekundární barvy, barvy textu, pozadí a stavů.
Typografie	Písma obchodu a jejich tloušťky.
Logo a favicon	Logo pro počítač, mobil a patičku, jeho velikost, favicon.
Vyhledávání	Varianta a vzhled vyhledávacího pole.
Boční panel kategorií	Zapnutí a chování bočního menu kategorií na počítači.
Navigační cesta (breadcrumbs)	Zobrazení na počítači a mobilu, barvy, velikost písma.
Seznam produktů	Rozložení seznamu a rozložení filtrů.
Rozložení a šířky	Šířky a odsazení stránek — viz níže.
Formuláře a přepínače	Pole formulářů, přepínací tlačítka, záložky přihlášení v pokladně. Platí pro celý obchod.
Chování košíku	Co se stane po přidání do košíku.
Pokladna a košík	Rozložení pokladny a vzhled výběru dopravy a platby.

Hotová témata (celý vzhled obchodu najednou) tady nehledejte — jsou v Zapojení › Design › Šablony.

Rozložení a šířky

• Šířky obchodu — šířka celého obchodu a zvlášť šířka hlavičky, seznamu produktů a úvodní stránky. U těchto tří můžete zvolit Zdědit šířku obchodu.
• Horní odsazení stránky (px) a Spodní odsazení stránky (px) — zvlášť pro Desktop, Tablet a Mobil, 0 až 240 px. Hodnota se přičítá k existujícímu odsazení; 0 nebo prázdné pole nic nemění.

Šířku detailu produktu nastavíte na detailu produktu ve skupině Odsazení detailu (Šířka detailu).

Chování košíku

Po přidání do košíku vyberete jednu z možností:

• Vysouvací košík — po přidání 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.

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
  • Oválná tlačítka — kompaktní — metody jako malá tlačítka,
  • Karty — detailní — karty na celou šířku s logem, popisem a cenou.
• Přihlášení v pokladně — vzhled přihlášení a registrace v pokladně.
• Zobrazit jako nepřihlášeného zákazníka — přepínač jen pro náhled. Přihlášení, registraci a „Vytvořit účet" vidí pouze hosté, a vy jste v Canvasu vždy přihlášeni.

Pokladna v náhledu

Pokladna se v náhledu zobrazí, jen když je v košíku alespoň jeden produkt. Přidejte ho přímo v náhledu.

Koncept a zveřejnění

Téměř všechno v Canvasu je koncept, dokud nekliknete na Publikovat: sekce stránek, design a základní nastavení, seznam produktů, položky menu, oznámení, texty a bloky produktů, logo, texty o dostupnosti a doručení i přepínače zobrazení. U těchto nastavení uvidíte poznámku Aplikuje se při Publikovat.

Hned se ukládají jen nastavení stránek Blog a FAQ (a přepínač Publikovaná / Skrytá u stránky).

• Uložit koncept — uloží rozpracované změny bez zveřejnění. K práci se můžete vrátit později.
• Co se publikuje — klikněte na Nepublikované změny. Uvidíte seznam čekajících změn: přidané, změněné a odstraněné sekce, staré a nové hodnoty designu, změny v seznamu produktů, v menu, oznámeních a blocích.
• Publikovat — zveřejní všechno najednou. Zobrazí se „Publikováno. Změny jsou nyní naživo."
• Zahodit — zahodí všechny nepublikované změny.

Canvas nemá historii změn. Pokud si chcete před větší změnou uchovat současný vzhled obchodu, uložte si ho jako téma v Zapojení › Design › Šablony.

Změny jednoho produktu

Pokud má produkt nepublikované změny z Canvasu, na stránce úpravy produktu se zobrazí upozornění Tento produkt má nepublikované změny z Canvasu. Přímo tam je můžete zveřejnit nebo zahodit jen pro tento produkt — ostatní rozpracované změny obchodu zůstanou nedotčené. Udělejte to dřív, než produkt uložíte v administraci, jinak pozdější publikování z Canvasu vaše uložení přepíše.

Merzio AI v Canvasu

Tlačítko AI v horní liště otevře panel Merzio AI. Popíšete, co chcete (nebo přiložíte obrázek), a AI nastaví barvy, písma a sekce. Všechno zapíše jako koncept — zkontrolujete to v náhledu a publikujete sami. Vlastní CSS píše AI do samostatného pole CSS od AI designéra; váš Vlastní kód nemění.

Související stránky

• Design (přehled) — co je kde v menu Design
• Bloky a šablony — katalog bloků a práce se šablonami
• Merzio AI — asistent, který navrhuje design i obsah