Stránky, bloky a šablony (Page Builder)
Tato příručka popisuje, jak v Merziu vznikají obsahové stránky: kde stránku založíte, z jakých bloků ji poskládáte, jak si ukládáte šablony a jak je přenesete do jiného obchodu. Na konci najdete krátký přehled souvisejících nástrojů – blog, FAQ, vyskakovací okna, oznámení, menu, patička, přesměrování a doporučení.
Stránky se upravují v Canvasu
Původní samostatná obrazovka Page Builderu už neexistuje. Obsah stránek se skládá v Canvasu – živém náhledu obchodu, ve kterém kliknete na to, co chcete změnit. Staré odkazy a záložky vás do Canvasu přesměrují automaticky. Ovládání Canvasu (vrstvy, náhledy zařízení, koncept a publikování) popisuje samostatná stránka Canvas; zde se věnujeme stránkám, blokům a šablonám.
1. Stránky
Cesta: Zapojení › Obsah a vzhled › Všechny stránky
Seznam stránek
Seznam ukazuje každou stránku s její adresou, šablonou, stavem (Publikováno / Koncept) a datem vytvoření. Domovská stránka má štítek Domovská stránka. Nad tabulkou je vyhledávání a Filtr (stav, šablona, nadřazená stránka).
U každého řádku najdete:
- ikonu oka – Zobrazit stránku na webu,
- ikonu tužky – Upravit (údaje stránky, SEO, publikování),
- ikonu štětce – Upravit v Canvasu (obsah stránky),
- nabídku ⋯ – Publikovat / Zrušit publikování, Duplikovat, Stáhnout stránku a Smazat. Domovskou stránku smazat nelze.
Nad seznamem je karta Speciální stránky s odkazy na nastavení výpisu produktů, blogu a FAQ – tyto tři výpisy mají vlastní konfigurační obrazovky.
Vytvoření stránky
- Klikněte na Vytvořit stránku.
- Základní informace – vyplňte Nadpis (pro každý jazyk zvlášť), Slug (adresa stránky, doplní se z nadpisu), Šablonu a volitelně Nadřazenou stránku.
- Začít ze šablony stránky – pokud máte uložené šablony stránek, vyberte jednu v poli Uložená šablona rozložení. Rozložení se do nové stránky zkopíruje jednorázově.
- SEO nastavení – Meta název, Meta klíčová slova (oddělená čárkou) a Meta popis. Prázdná pole použijí výchozí hodnoty obchodu.
- Nastavení stránky – Hlavní obrázek, Pořadí řazení a přepínače Publikováno, Domovská stránka a Chráněno heslem.
- Dostupné jazyky – vyberte, ve kterých jazycích má stránka existovat. Pokud nevyberete žádný, bude dostupná ve všech.
- Klikněte na Vytvořit stránku. Stránka se uloží a otevře se v Canvasu, kde do ní přidáte obsah.
Úprava stránky
Kliknutím na název stránky nebo ikonu tužky otevřete její údaje. Oproti formuláři pro vytvoření zde navíc najdete:
- Maximální šířka stránky – šířka pouze pro tuto stránku. Košík a pokladna vždy používají výchozí šířku obchodu; u domovské stránky se šířka řídí globálním nastavením vzhledu.
- kartu Bloky obsahu – seznam sekcí, které stránka obsahuje. Samotný obsah upravíte tlačítkem Canvas (u prázdné stránky Otevřít Canvas).
- tlačítko Náhled – otevře stránku v obchodě.
Změny údajů uložíte tlačítkem Uložit změny v plovoucí liště.
Co stránka podporuje
- Překlady – nadpis a SEO pole vyplňujete pro každý jazyk zvlášť.
- Domovská stránka – přepínač Domovská stránka určí, která stránka se zobrazí na úvodní adrese obchodu.
- Ochrana heslem – po zapnutí Chráněno heslem zadáte Heslo; návštěvník ho musí vyplnit, než stránku uvidí.
- Hierarchie – přes Nadřazenou stránku vytvoříte podstránky.
- Stav publikování – nepublikovaná stránka zůstává konceptem a zákazníci ji nevidí.
2. Katalog bloků
Stránka se skládá ze sekcí (bloků). Novou sekci přidáte v Canvasu tlačítkem + – otevře se okno Přidat sekci s vyhledáváním (Hledat sekci…) a bloky rozdělenými do skupin. Po najetí myší na blok se vpravo zobrazí jeho popis.
| Skupina | Blok | Anglický název | K čemu slouží |
|---|---|---|---|
| Základní | Hero sekce | Hero Section | Úvodní banner – jeden obrázek, karusel nebo bento mřížka |
| Základní | Sekce rozvržení | Layout Section | Kontejner se sloupci, do kterého vkládáte další bloky |
| Základní | Nadpis | Headline | Nadpis s volbou velikosti, barvy a zarovnání |
| Základní | Text | Text | Blok s formátovaným textem |
| Základní | Blok formátovaného obsahu | Rich Content Block | Textový editor s plnou sadou nástrojů |
| Základní | Mřížka produktů | Product Grid | Produkty v mřížce nebo karuselu |
| Základní | Obrázek | Image | Samostatný obrázek |
| Bannery | Mřížka bannerů | Banner Grid | Karusel propagačních karet |
| Bannery | Banner s produktem | Banner with Product | Banner s textem a kartou produktu |
| Karty a záložky | Karta | Card | Univerzální karta s obsahem a tlačítkem |
| Karty a záložky | Karta výhody | Benefit Card | Karta s ikonou nebo obrázkem, nadpisem a textem |
| Karty a záložky | Kontaktní karta | Contact Card | Karta s kontaktem a tlačítkem (odkaz, e-mail, telefon) |
| Karty a záložky | Akordeon | Accordion | Rozbalovací položka s nadpisem a formátovaným obsahem |
| Karty a záložky | Záložky | Tabs | Obsah rozdělený do záložek |
| Karty a záložky | Tlačítko | Button | Samostatné tlačítko s odkazem |
| Karty a záložky | Oddělovač | Divider | Vodorovná čára mezi sekcemi |
| Obsah a marketing | Sekce reference | Testimonials Section | Recenze zákazníků |
| Obsah a marketing | Časté dotazy | FAQ Section | Otázky a odpovědi z modulu FAQ |
| Obsah a marketing | Blog mřížka | Blog Grid | Příspěvky z blogu v mřížce nebo karuselu |
| Obsah a marketing | Mřížka kategorií | Category Grid | Kategorie v mřížce nebo karuselu |
| Obsah a marketing | Sekce výhod | Features Section | Výhody v mřížce – ikona, nadpis, text, volitelný odkaz |
| Obsah a marketing | UPS statistiky | UPS Statistics | Karty s čísly (objednávky, zákazníci, zkušenosti…) |
| Obsah a marketing | Newsletter | Newsletter | Formulář pro přihlášení k odběru |
| Obsah a marketing | Kontaktní formulář | Contact Form | Formulář s vlastními poli |
| Obsah a marketing | Kontaktní lišta | Contact Info Bar | Lišta s kontakty, ikonami a odkazy |
| Obsah a marketing | Doporučovač produktů | Product Recommender | Produkty z vybraného doporučení |
| Obsah a marketing | Ke stažení | Downloadable File | Soubor ke stažení (PDF, návod, specifikace) |
| Obsah a marketing | Vložená mapa | Map Embed | Mapa nebo jiný vložený rám |
Bloky, které do žádné skupiny nepatří, najdete na konci ve skupině Ostatní.
Kromě jednotlivých bloků okno nabízí:
- Karty v řadě – jedním kliknutím vloží sekci rozvržení s 1 až 4 sloupci a kartou v každém z nich,
- Uložené sekce a Šablony stránek – vaše vlastní šablony (viz část 4),
- Nahrát sekci ze souboru – vloží sekci staženou z jiného obchodu.
Bloky uvnitř bloků
Do Sekce rozvržení a do Záložek vkládáte další bloky. Vnořený blok otevřete kliknutím v náhledu nebo v panelu vrstev a upravíte ho v jeho vlastním panelu.
3. Nastavení sekce
Když v Canvasu kliknete na sekci, otevře se její panel. Nastavení jsou rozdělena do tří záložek:
- Obsah – texty, obrázky, odkazy a ostatní viditelný obsah,
- Design – barvy, velikosti, mezery, rámečky a celkový vzhled,
- Vedlejší – Viditelnost (skrýt sekci úplně nebo jen na mobilu, tabletu či počítači) a Pokročilé (CSS háčky) – vlastní CSS třída a HTML id.
Záložka Design je rozdělena do rozbalovacích skupin: Typografie · Mezery a rozměry · Pozadí a obrázek · Rámeček a stíny · Karusel · Tlačítko · Ostatní vzhled. Zobrazí se jen ty, které pro daný blok obsahují nějaká pole.
Klikněte přímo na prvek
Když v náhledu kliknete na konkrétní text nebo tlačítko, panel otevře správnou záložku a posune vás na dané pole.
Nastavení tlačítka
U bloků s tlačítkem je nastavení rozděleno: přepínač zobrazení, text a odkaz jsou na záložce Obsah, barvy, rámeček, zaoblení a odsazení na záložce Design ve skupině Tlačítko.
V horní části panelu jsou ikony pro práci se sekcí: Posunout výše, Posunout níže, Duplikovat, Uložit sekci jako šablonu, Stáhnout sekci (do jiného obchodu) a Odstranit sekci.
Změny v Canvasu jsou nejprve konceptem – zákazníci je uvidí až po kliknutí na Publikovat. Podrobnosti najdete na stránce Canvas.
Hero sekce
Hero sekce tvoří úvod stránky – obrázek nebo video s textem a tlačítky.
Rozložení – vyberte jednu ze tří možností:
- Single Hero – jeden velký banner,
- Carousel/Slider – více slajdů, které se střídají,
- Bento mřížka – mřížka dlaždic v různých velikostech.
Texty – název a popis vyplňujete pro každý jazyk, název můžete skrýt přepínačem Zobrazit název. Barvy (Barva názvu, Barva popisu) a velikosti textu pro počítač, tablet a mobil jsou na záložce Design. Šířku textové oblasti určuje Max. šířka obsahu.
Výška sekce – u každé možnosti je uvedena i výška v pixelech:
- Malá (192 px)
- Střední (384 px)
- Velká (512 px)
- Extra velká (640 px)
- Celá obrazovka (100 % výšky) – banner vyplní celou výšku okna
- Automatická nebo Vlastní – výška podle obsahu nebo vámi zadaná hodnota
Obrázky – pro počítač, tablet a mobil můžete nahrát samostatný obrázek a určit, jak se přizpůsobí rámu (Přizpůsobení obrázku). Volba Povolit animaci přiblížení přidá jemné zvětšení při najetí myší (hlavně v bento rozložení).
Doporučený rozměr obrázku
Pod polem pro nahrání obrázku se zobrazuje Doporučený rozměr v pixelech. Vypočítá se z typu bloku, zvolené šířky a výšky sekce a ze zařízení, aby obrázek zůstal ostrý i na jemných displejích. Je to doporučení, ne povinnost.
Druhé tlačítko – vedle hlavního tlačítka můžete zapnout Druhé tlačítko s vlastním textem, odkazem a stylem (Text se šipkou, Obrys nebo Vyplněné). Prázdné barvy se doplní automaticky podle stylu.
Slajdy (karusel a bento) – u rozložení Carousel/Slider a Bento mřížka se každý slajd upravuje samostatně. Slajdy jsou v panelu sekce i v panelu vrstev jako podřízené položky – můžete je přidávat, duplikovat, odstraňovat a měnit jejich pořadí. Slajd má vlastní obsah (pozadí – obrázek nebo video, titulek, podtitulek, popis, tlačítko, odkaz) a vlastní design (barvy a velikosti textů, překrytí). Stejně se upravují slajdy v dalších blocích s karuselem, například v Mřížce bannerů.
Blok formátovaného obsahu
Nejuniverzálnější blok pro text, obrázky, videa a tabulky. Obsahuje volitelný název a textový editor s panelem nástrojů:
- formátování textu (tučné, kurzíva, podtržení, přeškrtnutí), nadpisy, písmo a velikost,
- barva textu a zvýraznění, zarovnání, odrážkové a číslované seznamy,
- odkazy, obrázky, videa a tabulky,
- režim na celou obrazovku a zdrojový kód (ikona
</>), ve kterém upravíte HTML přímo.
TIP
Zdrojový kód se hodí, když vkládáte hotový strukturovaný obsah z jiného systému.
V nastavení bloku dále určíte zarovnání textu, maximální šířku, pozadí a vnitřní odsazení a vnější okraj pro jednotlivá zařízení.
Karta výhody
Karta s ikonou nebo obrázkem, nadpisem a krátkým textem – ideální pro výhody obchodu (doprava zdarma, vrácení do 30 dnů…).
- Ikona nebo obrázek – zadejte název ikony ve tvaru
sada:název(napříkladheroicons:check-circle) nebo adresu obrázku. Název ikony vždy obsahuje dvojtečku. - Velikost ikony/obrázku (px) a Barva ikony (barva platí jen pro ikony, ne pro obrázky).
- Nadpis s volbou HTML značky a podnadpis s popisem.
Více karet vedle sebe
Pro tři nebo čtyři výhody v jedné řadě použijte v okně Přidat sekci předvolbu Karty v řadě a karty pak vyplňte, nebo vložte Sekci rozvržení a do jejích sloupců přidejte Karty výhody.
Sekce výhod
Sekce, která zobrazí více výhod najednou v mřížce. Položky přidáváte do seznamu – každá má ikonu nebo obrázek, nadpis, text a volitelný odkaz (zobrazí se, jen pokud ho vyplníte). Položky jsou v panelu vrstev jako podřízené řádky, takže je můžete duplikovat, přesouvat a odstraňovat. V designu nastavíte počet sloupců, barvy, rámeček, stíny a velikosti textu.
4. Šablony a přenos mezi obchody
Šablony šetří čas u opakovaného obsahu. Jsou dvojí:
- šablona sekce – jeden uložený blok (například řada výhod nebo banner),
- šablona stránky – celé rozložení stránky.
Uložení šablony
- Sekce: v Canvasu vyberte sekci a v horní části jejího panelu klikněte na ikonu záložky Uložit sekci jako šablonu. Zadejte Název šablony. Původní sekce se s novou šablonou hned propojí.
- Stránka: otevřete okno Přidat sekci (tlačítko +) a v části Šablony stránek klikněte na Uložit aktuální stránku jako šablonu.
Použití šablony
- Uložené sekce – v okně Přidat sekci klikněte na šablonu a vloží se na místo, kde jste okno otevřeli.
- Šablony stránek – kliknutím na šablonu nahradíte obsah aktuální stránky. Canvas si vyžádá potvrzení; změna je koncept a živá stránka se změní až po Publikovat.
- Nová stránka – šablonu stránky můžete vybrat i ve formuláři nové stránky v poli Uložená šablona rozložení.
Propojené šablony
Sekce vložená ze šablony zůstává se šablonou propojená – v horní části jejího panelu vidíte štítek s ikonou řetězu a názvem šablony. Díky tomu upravíte obsah na jednom místě a změna se promítne všude.
Aktualizovat šablonu:
- Upravte propojenou sekci na kterékoli stránce.
- Klikněte na ikonu Aktualizovat šablonu.
- Potvrďte okno, které ukáže, kolik propojených sekcí se změní.
Obsah a vzhled se přepíšou ve všech propojených sekcích. Každá sekce si přitom ponechá vlastní umístění – viditelnost na zařízeních, rozestupy, šířku, výšku a okraje.
Odpojit od šablony: ikonou Odpojit od šablony změníte sekci na samostatnou kopii, které se další aktualizace šablony nedotknou.
WARNING
Šablonu lze aktualizovat jen ze sekce stejného typu. Blok jiného typu systém odmítne.
Kde propojení funguje
Propojení platí pro sekce stránek a pro bloky na detailu produktu, které vložíte v Canvasu, a také pro bloky v editoru obsahu blogového příspěvku a v návrháři vyskakovacích oken. Šablona vložená dovnitř jiného bloku (do sekce rozvržení nebo záložek) nebo do výpisu produktů se vloží jako samostatná kopie. Editor patičky šablony nepoužívá.
Správa šablon
Cesta: Zapojení › Obsah a vzhled › Šablony rozložení a sekcí
Obrazovka má dvě karty:
- Šablony stránek – ikonou Upravit šablonu změníte název a popis, v nabídce ⋯ je Smazat šablonu.
- Šablony sekcí – u každé vidíte, na kolika místech je použita (Použito na … místech). Ikona Upravit šablonu otevře editor šablony; po uložení se změna promítne do všech propojených sekcí. Ikonou Stáhnout uložíte šablonu jako soubor, v nabídce ⋯ je Smazat šablonu.
Tlačítkem Nahrát sekci ze souboru v hlavičce přidáte mezi šablony sekci staženou z jiného obchodu.
Přenos sekcí a stránek mezi obchody
Sekci i celou stránku si můžete stáhnout jako soubor s příponou .merzio.zip a nahrát do jiného obchodu na Merziu.
Stažení:
- sekce – v Canvasu v horní části panelu sekce ikona Stáhnout sekci (do jiného obchodu), nebo ikona Stáhnout u šablony sekce ve správě šablon,
- stránka – Stáhnout stránku v nabídce ⋯ v seznamu stránek, nebo v Canvasu v okně Přidat sekci. Stáhne se uložený koncept stránky.
Nahrání:
- sekce – v Canvasu v okně Přidat sekci klikněte na Nahrát sekci ze souboru. Volbou Uložit také mezi šablony sekcí ji zároveň přidáte k šablonám. Sekce se vloží do konceptu jako běžný blok.
- stránka – v seznamu stránek klikněte na Importovat stránku. Vždy vznikne nová, nepublikovaná stránka a otevře se v Canvasu. Import nikdy nepřepíše existující obsah.
Co se při importu stane:
- obrázky z balíku se přidají do knihovny médií,
- produkty a kategorie se přiřadí podle kódu a URL – pokud se v cílovém obchodě nenajdou, import na to upozorní a vyberete je znovu,
- blok, který cílový obchod nezná, se vynechá a zobrazí se upozornění,
- pole, která patří jen původnímu obchodu, se vyprázdní a je třeba je nastavit znovu.
Po importu si proto přečtěte seznam upozornění a sekci zkontrolujte.
5. Knihovna médií
Cesta: Zapojení › Obsah a vzhled › Knihovna médií (otevře se jako vyskakovací okno)
Knihovna médií je společné úložiště obrázků, videí a dokumentů celého obchodu. Kromě nabídky ji otevřete z každého pole pro obrázek – v Canvasu, u produktů, v blogu i ve FAQ – volbou Vybrat z knihovny.
- Nové soubory nahrajete přímo v okně knihovny.
- Soubory vyhledáte přes pole Vyhledat média... a filtrujete podle typu (Obrázky, Videa, Dokumenty).
- U obrázku můžete doplnit Alternativní text a zkopírovat jeho adresu (Kopírovat URL).
- Smazání souboru je nevratné.
Položky nabídky, které nevidíte
Blog, FAQ, vyskakovací okna, oznámení, editor patičky a doporučení jsou volitelné funkce. Pokud některou položku v nabídce nevidíte, zapněte ji v Systém › Funkce obchodu.
6. Blog
Cesta: Zapojení › Obsah a vzhled › Blog › Všechny příspěvky
Seznam příspěvků
Tabulka zobrazuje nadpis, stav (Publikováno / Koncept, případně Doporučené), kategorie, autora a datum publikování. U příspěvku můžete:
- Upravit – údaje příspěvku,
- Editor obsahu – otevře editor obsahu příspěvku, ve kterém článek skládáte z bloků,
- Zobrazit na stránce – otevře příspěvek v obchodě,
- Publikovat / Zrušit publikování,
- Doporučit / Zrušit doporučení,
- Smazat.
Nový příspěvek
Klikněte na Vytvořit příspěvek. Formulář má tři záložky:
- Základní – nadpis, obsah, výtah (krátký text do výpisů; prázdný se vytvoří automaticky), slug, hlavní obrázek, autor, kategorie, tagy, datum publikování a přepínače Publikováno a Doporučené,
- SEO – meta název, meta popis a meta klíčová slova,
- Lokalizace – jazyky, ve kterých má být příspěvek dostupný.
Příspěvek uložíte tlačítkem Vytvořit příspěvek. Tlačítko Vytvořit a otevřít editor obsahu ho uloží a rovnou otevře editor obsahu příspěvku.
Bloky mají přednost
Pokud příspěvek obsahuje sekce poskládané v editoru obsahu, v obchodě se zobrazí ty – ne text z pole Obsah.
Kategorie, tagy a vzhled
Ve stejné části nabídky jsou Kategorie, Tagy blogu, Konfigurace blogu (vzhled výpisu příspěvků) a Konfigurace karty (vzhled karty příspěvku).
Příspěvky zobrazíte na libovolné stránce blokem Blog mřížka.
7. FAQ (časté dotazy)
Cesta: Zapojení › Obsah a vzhled › FAQ › Všechny FAQ
Seznam ukazuje otázku, kategorie a stav. Tlačítkem Vytvořit FAQ přidáte novou položku:
- Otázka a Odpověď – pro každý jazyk zvlášť, odpověď ve formátovacím editoru,
- Meta název a Meta popis – volitelné,
- Obrázek FAQ – volitelný obrázek k odpovědi,
- Pořadí řazení – nižší číslo se zobrazí výše,
- Kategorie, Dostupné jazyky a přepínače Publikováno a Doporučené.
Větší počet otázek přidáte najednou přes Importovat FAQ (vzorový soubor získáte tlačítkem Stáhnout šablonu); existující otázky uložíte tlačítkem Exportovat.
V nabídce dále najdete Kategorie a Konfiguraci FAQ (vzhled stránky s otázkami). Na libovolnou stránku vložíte otázky blokem Časté dotazy.
8. Vyskakovací okna
Cesta: Zapojení › Marketing › Vyskakovací okna
Seznam má záložky Aktivní a Koš – smazané okno se přesune do koše, odkud ho můžete obnovit. Nové okno založíte tlačítkem Vytvořit popup.
U každého okna jsou dvě hlavní akce:
- Otevřít návrhář – obsah okna poskládáte z bloků, podobně jako stránku,
- Upravit nastavení – chování okna:
- spouštěč – Načtení stránky, Posouvání, Pokus o odchod, Kliknutí nebo Časové zpoždění,
- rozměry, pozice, překrytí a animace,
- Frekvence zobrazení – jak často se okno stejnému návštěvníkovi ukáže,
- Cílení uživatelů (přihlášení / nepřihlášení), Zařízení a Cílení stránek (kde se okno zobrazí a kde ne),
- Plánování – od kdy do kdy je okno aktivní.
Okno můžete také Duplikovat. Nastavení uložíte tlačítkem Uložit nastavení.
9. Oznámení
Cesta: Zapojení › Marketing › Oznámení
Oznámení jsou krátké zprávy v liště nad hlavičkou obchodu. Tlačítkem Přidat oznámení vytvoříte novou zprávu:
- Zpráva oznámení – text lišty,
- URL (Volitelné) – kam zpráva odkazuje,
- Datum začátku a Datum konce – volitelné; bez nich se zpráva zobrazuje stále,
- Priorita a stav (aktivní / neaktivní).
Vzhled lišty (barvy, střídání zpráv nebo běžící text) nastavíte v Canvasu – tlačítko Otevřít Canvas vás tam přenese. Texty oznámení můžete upravit i přímo v Canvasu v panelu Hlavička.
10. Správa menu
Cesta: Zapojení › Design › Navigace a rozvržení › Správa menu
Umístění menu
Obrazovka je rozdělena podle místa, kde se menu zobrazuje:
- Menu hlavičky – hlavní navigace obchodu,
- Horní menu (Dvojité) – doplňkový řádek nad hlavičkou u dvojité hlavičky,
- Menu kategorií (postranní panel na desktopu) – boční menu kategorií,
- Menu patičky – odkazy v patičce, bez rozbalovacích panelů.
Kategorie se nepřidávají samy
Nová kategorie se v menu neobjeví automaticky. Přidejte ji jako položku v příslušném umístění.
Přidání položky
- V daném umístění klikněte na Přidat položku.
- Vyberte, co chcete přidat. Typy jsou rozděleny do tří skupin:
- Obsah – Strana, Vlastní odkaz, Externí odkaz, Seznam produktů, Blog, Kategorie blogu, FAQ, Služby,
- Katalog – Kategorie, Značka, Seznam značek (značky se nabízejí, jen pokud máte zapnuté stránky značek),
- Rozšířené – Nadřazené menu, Mega Menu, Kategorie menu, Menu nadřazené kategorie, Mřížka hlavních kategorií, Zobrazit více.
- Vyplňte formulář. Na záložce Konfigurace je Název položky (pro každý jazyk), Poloha, Nadřazené menu, cíl odkazu (stránka, kategorie nebo URL) a přepínače Aktivní a Otevřít v novém okně. Na záložce Design nastavíte ikonu, obrázek a barvy položky.
Ne každý typ je dostupný v každém umístění – nabídka ukáže jen ty, které dané místo podporuje.
Typ "Mega Menu"
U typu Mega Menu (stejně jako u kategorie a značky) se pole URL nezobrazuje. Mega Menu slouží jako spouštěč rozbalovacího panelu a samo nikam neodkazuje; jeho obsah – kategorie a další položky – vybíráte níže ve formuláři.
Pořadí a podpoložky
Pořadí změníte přetažením položky. Podpoložku přidáte akcí Přidat podpoložku u nadřazené položky.
Názvy a další vlastnosti položek menu můžete upravit i v Canvasu – kliknutím na položku v náhledu hlavičky. Přidávání, mazání a přesouvání položek zůstává ve Správě menu.
11. Editor patičky
Cesta: Zapojení › Design › Navigace a rozvržení › Editor patičky
Patička se skládá z řádků. Každý řádek má své rozvržení sloupců a do sloupců vkládáte bloky.
Řádky
- Nový řádek přidáte tlačítkem Přidat řádek, případně Přidat řádek nad / Přidat řádek pod u existujícího řádku.
- Ikona ozubeného kola otevře Nastavení řádku. V poli Typ rozvržení vyberete 1 sloupec (plná šířka), 2, 3, 4, 5 nebo 6 sloupců, nebo Vlastní s vlastním počtem sloupců. Nastavíte zde i mezeru, pozadí, odsazení a viditelnost řádku na zařízeních.
- Řádky přesunete šipkami nahoru a dolů.
- Odstranění řádku si vyžádá potvrzení – spolu s řádkem se smažou všechny jeho bloky.
Boční panel
Panel vlevo má tři záložky:
- Bloky – nabídka bloků. Blok přetáhněte do sloupce, nebo na něj klikněte – přidá se do prvního sloupce prvního řádku. Blok přidáte i tlačítkem Přidat blok přímo ve sloupci.
- Nastavení – nastavení právě vybraného bloku nebo řádku. Dokud nic nevyberete, panel vás vyzve, abyste klikli na blok nebo řádek.
- Rozvržení – vzhled celé patičky: Kontejner (Maximální šířka, Vycentrovat obsah), Odsazení, výchozí mezera mezi sloupci, Barvy (pozadí, text, nadpisy, odkazy) a Spodní lišta s textem autorských práv. Do textu autorských práv lze vložit zástupné znaky pro aktuální rok a název obchodu – nápověda je přímo u pole.
Prázdné pole = podle tématu
Pokud barvu nebo maximální šířku nevyplníte, patička ji převezme z tématu obchodu (u barvy je to volba Podle tématu). Patička tak ladí s obchodem i po změně barev v Canvasu.
Typy bloků
Bloky jsou seřazeny do skupin Navigace, Loga, Sociální sítě, Formuláře, Obsah, Značka, Utility a Rozvržení:
Sloupec menu, Jednotlivý odkaz, Loga plateb, Loga dopravců, Vlastní loga, Sociální odkazy, Instagram feed, Newsletter, Textový blok, Kontaktní informace, Logo patičky, Přepínač jazyka, Mezera, Oddělovač.
Loga plateb, dopravců a sociální odkazy se naplňují automaticky z nastavení obchodu.
Ukládání a náhled
- Vše – řádky, bloky i vzhled – uloží jedno tlačítko Uložit změny. Dokud neuložíte, v hlavičce svítí štítek Neuložené změny a v obchodě se nic nezmění.
- Přepínač mobil / tablet / desktop ukáže patičku v šířce daného zařízení.
- Tlačítko Náhled vytvoří dočasný odkaz, na kterém si patičku prohlédnete v obchodě ještě před uložením naživo. Odkaz zkopírujete (Kopírovat URL náhledu) nebo zrušíte (Zrušit náhled).
- Přepínačem Aktivní / Neaktivní patičku z editoru zapnete nebo vypnete.
12. Přesměrování
Cesta: Systém › Základní nastavení › Přesměrování
Přesměrování pošle návštěvníka (i vyhledávač) ze staré adresy na novou – hodí se při změně adresy stránky nebo při přechodu z jiného systému.
- Klikněte na Přidat přesměrování.
- Vyplňte Z URL (stará adresa, například
/stara-stranka) a Na URL (nová adresa). - Vyberte Typ přesměrování – nejčastěji 301 - Trvalé; k dispozici je i 302 - Dočasné, 307 a 308.
- Volitelně doplňte Poznámky a uložte.
Další možnosti obrazovky:
- Importovat CSV / Exportovat CSV – hromadná práce s přesměrováními,
- Importovat ze sitemapy – načte adresy ze sitemapy starého webu a pomůže jim přiřadit nové cíle,
- Otestovat URL přesměrování – ověří, kam konkrétní adresa povede,
- sloupec Zásahy – kolikrát bylo přesměrování použito.
13. Doporučení produktů
Cesta: Přehledy › Analytika › Doporučení › Doporučení produktů
Doporučení je pravidlo, které vybírá produkty k zobrazení – například podobné produkty, naposledy prohlížené nebo nejprodávanější. Tlačítkem Vytvořit doporučení nastavíte:
- Umístění – kde se doporučení ukáže (domovská stránka, detail produktu, košík, výpis produktů…),
- Typ doporučení – podle čeho se produkty vybírají,
- Rozložení – například mřížka nebo karusel,
- Výběr produktů – automaticky nebo ručně,
- Maximální počet produktů.
Na vlastní stránku vložíte doporučení blokem Doporučovač produktů.
14. Vzhled obchodu a témata
- Globální vzhled – barvy, písma, tlačítka, hlavička a další společná nastavení se upravují v Canvasu v panelu Základní nastavení. Viz Canvas.
- Hotová témata – předpřipravené vzhledy obchodu najdete v Zapojení › Design › Šablony.
Tipy
- Skrytí sekce podle zařízení – v panelu sekce na záložce Vedlejší otevřete Viditelnost a vypněte Zobrazit na mobilu, Zobrazit na tabletu nebo Zobrazit na počítači. Volba Skryté (nezobrazovat v obchodě) skryje sekci úplně.
- Více jazyků – textová pole mají přepínač jazyků; obsah vyplňte pro každý jazyk, ve kterém stránka existuje.
- Změny nejsou vidět v obchodě? Pravděpodobně máte v Canvasu jen uložený koncept – klikněte na Publikovat. U patičky nezapomeňte na Uložit změny.
- Vlastní styly – sekci můžete dát vlastní CSS třídu nebo HTML id (záložka Vedlejší › Pokročilé (CSS háčky)) a nastylovat ji ve vlastním kódu.