Stránky, bloky a šablóny (Page Builder)
Táto príručka popisuje, ako v Merziu vznikajú obsahové stránky: kde stránku založíte, z akých blokov ju poskladáte, ako si ukladáte šablóny a ako ich prenesiete do iného obchodu. Na konci nájdete krátky prehľad súvisiacich nástrojov – blog, FAQ, vyskakovacie okná, oznámenia, menu, pätička, presmerovania a odporúčania.
Stránky sa upravujú v Canvase
Pôvodná samostatná obrazovka Page Buildera už neexistuje. Obsah stránok sa skladá v Canvase – živom náhľade obchodu, v ktorom kliknete na to, čo chcete zmeniť. Staré odkazy a záložky vás do Canvasu presmerujú automaticky. Ovládanie Canvasu (vrstvy, náhľady zariadení, koncept a publikovanie) popisuje samostatná stránka Canvas; tu sa venujeme stránkam, blokom a šablónam.
1. Stránky
Cesta: Zapojenie › Obsah a správa témy › Všetky stránky
Zoznam stránok
Zoznam ukazuje každú stránku s jej adresou, šablónou, stavom (Publikované / Koncept) a dátumom vytvorenia. Domovská stránka má štítok Domovská stránka. Nad tabuľkou je vyhľadávanie a Filter (stav, šablóna, nadradená stránka).
Pri každom riadku nájdete:
- ikonu oka – Zobraziť stránku na webe,
- ikonu ceruzky – Upraviť (údaje stránky, SEO, publikovanie),
- ikonu štetca – Upraviť v Canvase (obsah stránky),
- ponuku ⋯ – Publikovať / Zrušiť publikovanie, Duplikovať, Stiahnuť stránku a Vymazať. Domovskú stránku vymazať nemožno.
Nad zoznamom je karta Špeciálne stránky s odkazmi na nastavenie výpisu produktov, blogu a FAQ – tieto tri výpisy majú vlastné konfiguračné obrazovky.
Vytvorenie stránky
- Kliknite na Vytvoriť stránku.
- Základné informácie – vyplňte Nadpis (pre každý jazyk zvlášť), Slug (adresa stránky, doplní sa z nadpisu), Šablónu a voliteľne Nadradenú stránku.
- Začať zo šablóny stránky – ak máte uložené šablóny stránok, vyberte jednu v poli Uložená šablóna rozloženia. Rozloženie sa do novej stránky skopíruje jednorazovo.
- SEO nastavenia – Meta názov, Meta kľúčové slová (oddelené čiarkou) a Meta popis. Prázdne polia použijú predvolené hodnoty obchodu.
- Nastavenia stránky – Hlavný obrázok, Poradie radenia a prepínače Publikované, Domovská stránka a Chránené heslom.
- Dostupné jazyky – vyberte, v ktorých jazykoch má stránka existovať. Ak nevyberiete žiadny, bude dostupná vo všetkých.
- Kliknite na Vytvoriť stránku. Stránka sa uloží a otvorí sa v Canvase, kde do nej pridáte obsah.
Úprava stránky
Kliknutím na názov stránky alebo ikonu ceruzky otvoríte jej údaje. Oproti formuláru na vytvorenie tu navyše nájdete:
- Maximálna šírka stránky – šírka len pre túto stránku. Košík a pokladňa vždy používajú predvolenú šírku obchodu; pri domovskej stránke sa šírka riadi globálnym nastavením vzhľadu.
- kartu Bloky obsahu – zoznam sekcií, ktoré stránka obsahuje. Samotný obsah upravíte tlačidlom Canvas (pri prázdnej stránke Otvoriť Canvas).
- tlačidlo Náhľad – otvorí stránku v obchode.
Zmeny údajov uložíte tlačidlom Uložiť zmeny v plávajúcej lište.
Čo stránka podporuje
- Preklady – nadpis a SEO polia vypĺňate pre každý jazyk zvlášť.
- Domovská stránka – prepínač Domovská stránka určí, ktorá stránka sa zobrazí na úvodnej adrese obchodu.
- Ochrana heslom – po zapnutí Chránené heslom zadáte Heslo; návštevník ho musí vyplniť, kým stránku uvidí.
- Hierarchia – cez Nadradenú stránku vytvoríte podstránky.
- Stav publikovania – nepublikovaná stránka zostáva konceptom a zákazníci ju nevidia.
2. Katalóg blokov
Stránka sa skladá zo sekcií (blokov). Novú sekciu pridáte v Canvase tlačidlom + – otvorí sa okno Pridať sekciu s vyhľadávaním (Hľadať sekciu…) a blokmi rozdelenými do skupín. Po prejdení myšou na blok sa vpravo zobrazí jeho popis.
| Skupina | Blok | Anglický názov | Na čo slúži |
|---|---|---|---|
| Základné | Hero sekcia | Hero Section | Úvodný banner – jeden obrázok, karusel alebo bento mriežka |
| Základné | Sekcia rozloženia | Layout Section | Kontajner so stĺpcami, do ktorého vkladáte ďalšie bloky |
| Základné | Nadpis | Headline | Nadpis s voľbou veľkosti, farby a zarovnania |
| Základné | Text | Text | Blok s formátovaným textom |
| Základné | Blok formátovaného obsahu | Rich Content Block | Textový editor s plnou sadou nástrojov |
| Základné | Mriežka produktov | Product Grid | Produkty v mriežke alebo karuseli |
| Základné | Obrázok | Image | Samostatný obrázok |
| Bannery | Mriežka bannerov | Banner Grid | Karusel propagačných kariet |
| Bannery | Banner s produktom | Banner with Product | Banner s textom a kartou produktu |
| Karty a záložky | Karta | Card | Univerzálna karta s obsahom a tlačidlom |
| Karty a záložky | Karta výhody | Benefit Card | Karta s ikonou alebo obrázkom, nadpisom a textom |
| Karty a záložky | Kontaktná karta | Contact Card | Karta s kontaktom a tlačidlom (odkaz, e-mail, telefón) |
| Karty a záložky | Akordeón | Accordion | Rozbaľovacia položka s nadpisom a formátovaným obsahom |
| Karty a záložky | Záložky | Tabs | Obsah rozdelený do záložiek |
| Karty a záložky | Tlačidlo | Button | Samostatné tlačidlo s odkazom |
| Karty a záložky | Oddelovač | Divider | Vodorovná čiara medzi sekciami |
| Obsah a marketing | Sekcia referencie | Testimonials Section | Recenzie zákazníkov |
| Obsah a marketing | Časté otázky | FAQ Section | Otázky a odpovede z modulu FAQ |
| Obsah a marketing | Blog mriežka | Blog Grid | Príspevky z blogu v mriežke alebo karuseli |
| Obsah a marketing | Mriežka kategórií | Category Grid | Kategórie v mriežke alebo karuseli |
| Obsah a marketing | Sekcia výhod | Features Section | Výhody v mriežke – ikona, nadpis, text, voliteľný odkaz |
| Obsah a marketing | UPS štatistiky | UPS Statistics | Karty s číslami (objednávky, zákazníci, skúsenosti…) |
| Obsah a marketing | Newsletter | Newsletter | Formulár na prihlásenie na odber |
| Obsah a marketing | Kontaktný formulár | Contact Form | Formulár s vlastnými poľami |
| Obsah a marketing | Kontaktná lišta | Contact Info Bar | Lišta s kontaktmi, ikonami a odkazmi |
| Obsah a marketing | Odporúčač produktov | Product Recommender | Produkty z vybraného odporúčania |
| Obsah a marketing | Na stiahnutie | Downloadable File | Súbor na stiahnutie (PDF, návod, špecifikácia) |
| Obsah a marketing | Vložená mapa | Map Embed | Mapa alebo iný vložený rám |
Bloky, ktoré do žiadnej skupiny nepatria, nájdete na konci v skupine Ostatné.
Okrem jednotlivých blokov okno ponúka:
- Karty v rade – jedným kliknutím vloží sekciu rozloženia s 1 až 4 stĺpcami a kartou v každom z nich,
- Uložené sekcie a Šablóny stránok – vaše vlastné šablóny (pozri časť 4),
- Nahrať sekciu zo súboru – vloží sekciu stiahnutú z iného obchodu.
Bloky vnútri blokov
Do Sekcie rozloženia a do Záložiek vkladáte ďalšie bloky. Vnorený blok otvoríte kliknutím v náhľade alebo v paneli vrstiev a upravíte ho v jeho vlastnom paneli.
3. Nastavenia sekcie
Keď v Canvase kliknete na sekciu, otvorí sa jej panel. Nastavenia sú rozdelené do troch záložiek:
- Obsah – texty, obrázky, odkazy a ostatný viditeľný obsah,
- Dizajn – farby, veľkosti, medzery, rámiky a celkový vzhľad,
- Vedľajšie – Viditeľnosť (skryť sekciu úplne alebo len na mobile, tablete či počítači) a Pokročilé (CSS háčiky) – vlastná CSS trieda a HTML id.
Záložka Dizajn je rozdelená do rozbaľovacích skupín: Typografia · Medzery a rozmery · Pozadie a obrázok · Rámik a tiene · Karusel · Tlačidlo · Ostatný vzhľad. Zobrazia sa len tie, ktoré pre daný blok obsahujú nejaké polia.
Kliknite priamo na prvok
Keď v náhľade kliknete na konkrétny text alebo tlačidlo, panel otvorí správnu záložku a posunie vás na dané pole.
Nastavenia tlačidla
Pri blokoch s tlačidlom je nastavenie rozdelené: prepínač zobrazenia, text a odkaz sú na záložke Obsah, farby, rámik, zaoblenie a odsadenie na záložke Dizajn v skupine Tlačidlo.
V hornej časti panela sú ikony na prácu so sekciou: Posunúť vyššie, Posunúť nižšie, Duplikovať, Uložiť sekciu ako šablónu, Stiahnuť sekciu (do iného obchodu) a Odstrániť sekciu.
Zmeny v Canvase sú najprv konceptom – zákazníci ich uvidia až po kliknutí na Publikovať. Podrobnosti nájdete na stránke Canvas.
Hero sekcia
Hero sekcia tvorí úvod stránky – obrázok alebo video s textom a tlačidlami.
Rozloženie – vyberte jednu z troch možností:
- Single Hero – jeden veľký banner,
- Carousel/Slider – viac slajdov, ktoré sa striedajú,
- Bento mriežka – mriežka dlaždíc v rôznych veľkostiach.
Texty – názov a popis vypĺňate pre každý jazyk, názov môžete skryť prepínačom Zobraziť názov. Farby (Farba názvu, Farba popisu) a veľkosti textu pre počítač, tablet a mobil sú na záložke Dizajn. Šírku textovej oblasti určuje Max. šírka obsahu.
Výška sekcie – pri každej možnosti je uvedená aj výška v pixeloch:
- Malá (192 px)
- Stredná (384 px)
- Veľká (512 px)
- Extra veľká (640 px)
- Celá obrazovka (100 % výšky) – banner vyplní celú výšku okna
- Automatická alebo Vlastná – výška podľa obsahu alebo vami zadaná hodnota
Obrázky – pre počítač, tablet a mobil môžete nahrať samostatný obrázok a určiť, ako sa prispôsobí rámu (Prispôsobenie obrázka). Voľba Povoliť animáciu priblíženia pridá jemné zväčšenie pri prejdení myšou (najmä v bento rozložení).
Odporúčaný rozmer obrázka
Pod poľom na nahranie obrázka sa zobrazuje Odporúčaný rozmer v pixeloch. Vypočíta sa z typu bloku, zvolenej šírky a výšky sekcie a zo zariadenia, aby obrázok zostal ostrý aj na jemných displejoch. Je to odporúčanie, nie povinnosť.
Druhé tlačidlo – vedľa hlavného tlačidla môžete zapnúť Druhé tlačidlo s vlastným textom, odkazom a štýlom (Text so šípkou, Obrys alebo Vyplnené). Prázdne farby sa doplnia automaticky podľa štýlu.
Slajdy (karusel a bento) – pri rozložení Carousel/Slider a Bento mriežka sa každý slajd upravuje samostatne. Slajdy sú v paneli sekcie aj v paneli vrstiev ako podradené položky – môžete ich pridávať, duplikovať, odstraňovať a meniť ich poradie. Slajd má vlastný obsah (pozadie – obrázok alebo video, titulok, podtitulok, popis, tlačidlo, odkaz) a vlastný dizajn (farby a veľkosti textov, prekrytie). Rovnako sa upravujú slajdy v ďalších blokoch s karuselom, napríklad v Mriežke bannerov.
Blok formátovaného obsahu
Najuniverzálnejší blok na text, obrázky, videá a tabuľky. Obsahuje voliteľný názov a textový editor s panelom nástrojov:
- formátovanie textu (tučné, kurzíva, podčiarknutie, preškrtnutie), nadpisy, písmo a veľkosť,
- farba textu a zvýraznenie, zarovnanie, odrážkové a číslované zoznamy,
- odkazy, obrázky, videá a tabuľky,
- režim na celú obrazovku a zdrojový kód (ikona
</>), v ktorom upravíte HTML priamo.
TIP
Zdrojový kód sa hodí, keď vkladáte hotový štruktúrovaný obsah z iného systému.
V nastaveniach bloku ďalej určíte zarovnanie textu, maximálnu šírku, pozadie a vnútorné odsadenie a vonkajší okraj pre jednotlivé zariadenia.
Karta výhody
Karta s ikonou alebo obrázkom, nadpisom a krátkym textom – ideálna na výhody obchodu (doprava zadarmo, vrátenie do 30 dní…).
- Ikona alebo obrázok – zadajte názov ikony v tvare
sada:názov(napríkladheroicons:check-circle) alebo adresu obrázka. Názov ikony vždy obsahuje dvojbodku. - Veľkosť ikony/obrázka (px) a Farba ikony (farba platí len pre ikony, nie pre obrázky).
- Nadpis s voľbou HTML značky a podnadpis s popisom.
Viac kariet vedľa seba
Na tri alebo štyri výhody v jednom rade použite v okne Pridať sekciu predvoľbu Karty v rade a karty potom vyplňte, alebo vložte Sekciu rozloženia a do jej stĺpcov pridajte Karty výhody.
Sekcia výhod
Sekcia, ktorá zobrazí viac výhod naraz v mriežke. Položky pridávate do zoznamu – každá má ikonu alebo obrázok, nadpis, text a voliteľný odkaz (zobrazí sa, len ak ho vyplníte). Položky sú v paneli vrstiev ako podradené riadky, takže ich môžete duplikovať, presúvať a odstraňovať. V dizajne nastavíte počet stĺpcov, farby, rámik, tiene a veľkosti textu.
4. Šablóny a prenos medzi obchodmi
Šablóny šetria čas pri opakovanom obsahu. Sú dvojaké:
- šablóna sekcie – jeden uložený blok (napríklad rad výhod alebo banner),
- šablóna stránky – celé rozloženie stránky.
Uloženie šablóny
- Sekcia: v Canvase vyberte sekciu a v hornej časti jej panela kliknite na ikonu záložky Uložiť sekciu ako šablónu. Zadajte Názov šablóny. Pôvodná sekcia sa s novou šablónou hneď prepojí.
- Stránka: otvorte okno Pridať sekciu (tlačidlo +) a v časti Šablóny stránok kliknite na Uložiť aktuálnu stránku ako šablónu.
Použitie šablóny
- Uložené sekcie – v okne Pridať sekciu kliknite na šablónu a vloží sa na miesto, kde ste okno otvorili.
- Šablóny stránok – kliknutím na šablónu nahradíte obsah aktuálnej stránky. Canvas si vyžiada potvrdenie; zmena je koncept a živá stránka sa zmení až po Publikovať.
- Nová stránka – šablónu stránky môžete vybrať aj vo formulári novej stránky v poli Uložená šablóna rozloženia.
Prepojené šablóny
Sekcia vložená zo šablóny zostáva so šablónou prepojená – v hornej časti jej panela vidíte štítok s ikonou reťaze a názvom šablóny. Vďaka tomu upravíte obsah na jednom mieste a zmena sa premietne všade.
Aktualizovať šablónu:
- Upravte prepojenú sekciu na ktorejkoľvek stránke.
- Kliknite na ikonu Aktualizovať šablónu.
- Potvrďte okno, ktoré ukáže, koľko prepojených sekcií sa zmení.
Obsah a vzhľad sa prepíšu vo všetkých prepojených sekciách. Každá sekcia si pritom ponechá vlastné umiestnenie – viditeľnosť na zariadeniach, rozostupy, šírku, výšku a okraje.
Odpojiť od šablóny: ikonou Odpojiť od šablóny zmeníte sekciu na samostatnú kópiu, ktorej sa ďalšie aktualizácie šablóny nedotknú.
WARNING
Šablónu možno aktualizovať len zo sekcie rovnakého typu. Blok iného typu systém odmietne.
Kde prepojenie funguje
Prepojenie platí pre sekcie stránok a pre bloky na detaile produktu, ktoré vložíte v Canvase, a tiež pre bloky v editore obsahu blogového príspevku a v návrhári vyskakovacích okien. Šablóna vložená dovnútra iného bloku (do sekcie rozloženia alebo záložiek) alebo do výpisu produktov sa vloží ako samostatná kópia. Editor pätičky šablóny nepoužíva.
Správa šablón
Cesta: Zapojenie › Obsah a správa témy › Šablóny rozloženia a sekcií
Obrazovka má dve karty:
- Šablóny stránok – ikonou Upraviť šablónu zmeníte názov a popis, v ponuke ⋯ je Vymazať šablónu.
- Šablóny sekcií – pri každej vidíte, na koľkých miestach je použitá (Použité na … miestach). Ikona Upraviť šablónu otvorí editor šablóny; po uložení sa zmena premietne do všetkých prepojených sekcií. Ikonou Stiahnuť uložíte šablónu ako súbor, v ponuke ⋯ je Vymazať šablónu.
Tlačidlom Nahrať sekciu zo súboru v hlavičke pridáte medzi šablóny sekciu stiahnutú z iného obchodu.
Prenos sekcií a stránok medzi obchodmi
Sekciu aj celú stránku si môžete stiahnuť ako súbor s príponou .merzio.zip a nahrať do iného obchodu na Merziu.
Stiahnutie:
- sekcia – v Canvase v hornej časti panela sekcie ikona Stiahnuť sekciu (do iného obchodu), alebo ikona Stiahnuť pri šablóne sekcie v správe šablón,
- stránka – Stiahnuť stránku v ponuke ⋯ v zozname stránok, alebo v Canvase v okne Pridať sekciu. Stiahne sa uložený koncept stránky.
Nahratie:
- sekcia – v Canvase v okne Pridať sekciu kliknite na Nahrať sekciu zo súboru. Voľbou Uložiť aj medzi šablóny sekcií ju zároveň pridáte k šablónam. Sekcia sa vloží do konceptu ako bežný blok.
- stránka – v zozname stránok kliknite na Importovať stránku. Vždy vznikne nová, nepublikovaná stránka a otvorí sa v Canvase. Import nikdy neprepíše existujúci obsah.
Čo sa pri importe stane:
- obrázky z balíka sa pridajú do knižnice médií,
- produkty a kategórie sa priradia podľa kódu a URL – ak sa v cieľovom obchode nenájdu, import na to upozorní a vyberiete ich znova,
- blok, ktorý cieľový obchod nepozná, sa vynechá a zobrazí sa upozornenie,
- polia, ktoré patria len pôvodnému obchodu, sa vyprázdnia a treba ich nastaviť nanovo.
Po importe si preto prečítajte zoznam upozornení a sekciu skontrolujte.
5. Knižnica médií
Cesta: Zapojenie › Obsah a správa témy › Knižnica médií (otvorí sa ako vyskakovacie okno)
Knižnica médií je spoločné úložisko obrázkov, videí a dokumentov celého obchodu. Okrem ponuky ju otvoríte z každého poľa na obrázok – v Canvase, pri produktoch, v blogu aj vo FAQ – voľbou Vybrať z knižnice.
- Nové súbory nahráte priamo v okne knižnice.
- Súbory vyhľadáte cez pole Vyhľadať médiá... a filtrujete podľa typu (Obrázky, Videá, Dokumenty).
- Pri obrázku môžete doplniť Alternatívny text a skopírovať jeho adresu (Kopírovať URL).
- Zmazanie súboru je nevratné.
Položky ponuky, ktoré nevidíte
Blog, FAQ, vyskakovacie okná, oznámenia, editor pätičky a odporúčania sú voliteľné funkcie. Ak niektorú položku v ponuke nevidíte, zapnite ju v Systém › Funkcie obchodu.
6. Blog
Cesta: Zapojenie › Obsah a správa témy › Blog › Všetky príspevky
Zoznam príspevkov
Tabuľka zobrazuje nadpis, stav (Publikované / Koncept, prípadne Odporúčané), kategórie, autora a dátum publikovania. Pri príspevku môžete:
- Upraviť – údaje príspevku,
- Editor obsahu – otvorí editor obsahu príspevku, v ktorom článok skladáte z blokov,
- Zobraziť na stránke – otvorí príspevok v obchode,
- Publikovať / Zrušiť publikovanie,
- Odporučiť / Zrušiť odporúčanie,
- Vymazať.
Nový príspevok
Kliknite na Vytvoriť príspevok. Formulár má tri záložky:
- Základné – nadpis, obsah, výňatok (krátky text do výpisov; prázdny sa vytvorí automaticky), slug, hlavný obrázok, autor, kategórie, tagy, dátum publikovania a prepínače Publikované a Odporúčané,
- SEO – meta názov, meta popis a meta kľúčové slová,
- Lokalizácia – jazyky, v ktorých má byť príspevok dostupný.
Príspevok uložíte tlačidlom Vytvoriť príspevok. Tlačidlo Vytvoriť a otvoriť editor obsahu ho uloží a rovno otvorí editor obsahu príspevku.
Bloky majú prednosť
Ak príspevok obsahuje sekcie poskladané v editore obsahu, v obchode sa zobrazia tie – nie text z poľa Obsah.
Kategórie, tagy a vzhľad
V tej istej časti ponuky sú Kategórie, Tagy blogov, Konfigurácia blogu (vzhľad výpisu príspevkov) a Konfigurácia karty (vzhľad karty príspevku).
Príspevky zobrazíte na ľubovoľnej stránke blokom Blog mriežka.
7. FAQ (časté otázky)
Cesta: Zapojenie › Obsah a správa témy › FAQ › Všetky FAQ
Zoznam ukazuje otázku, kategórie a stav. Tlačidlom Vytvoriť FAQ pridáte novú položku:
- Otázka a Odpoveď – pre každý jazyk zvlášť, odpoveď vo formátovacom editore,
- Meta názov a Meta popis – voliteľné,
- Obrázok FAQ – voliteľný obrázok k odpovedi,
- Poradie radenia – nižšie číslo sa zobrazí vyššie,
- Kategórie, Dostupné jazyky a prepínače Publikované a Odporúčané.
Väčší počet otázok pridáte naraz cez Importovať FAQ (vzorový súbor získate tlačidlom Stiahnuť šablónu); existujúce otázky uložíte tlačidlom Exportovať.
V ponuke ďalej nájdete Kategórie a Konfiguráciu FAQ (vzhľad stránky s otázkami). Na ľubovoľnú stránku vložíte otázky blokom Časté otázky.
8. Vyskakovacie okná
Cesta: Zapojenie › Marketing › Vyskakovacie okná
Zoznam má záložky Aktívne a Kôš – zmazané okno sa presunie do koša, odkiaľ ho môžete obnoviť. Nové okno založíte tlačidlom Vytvoriť popup.
Pri každom okne sú dve hlavné akcie:
- Otvoriť návrhár – obsah okna poskladáte z blokov, podobne ako stránku,
- Upraviť nastavenia – správanie okna:
- spúšťač – Načítanie stránky, Posúvanie, Pokus o odchod, Kliknutie alebo Časové oneskorenie,
- rozmery, pozícia, prekrytie a animácia,
- Frekvencia zobrazenia – ako často sa okno tomu istému návštevníkovi ukáže,
- Cielenie používateľov (prihlásení / neprihlásení), Zariadenia a Cielenie stránok (kde sa okno zobrazí a kde nie),
- Plánovanie – od kedy do kedy je okno aktívne.
Okno môžete aj Duplikovať. Nastavenia uložíte tlačidlom Uložiť nastavenia.
9. Oznámenia
Cesta: Zapojenie › Marketing › Oznámenia
Oznámenia sú krátke správy v lište nad hlavičkou obchodu. Tlačidlom Pridať oznámenie vytvoríte novú správu:
- Správa oznámenia – text lišty,
- URL (Voliteľné) – kam správa odkazuje,
- Dátum začiatku a Dátum konca – voliteľné; bez nich sa správa zobrazuje stále,
- Priorita a stav (aktívne / neaktívne).
Vzhľad lišty (farby, striedanie správ alebo bežiaci text) nastavíte v Canvase – tlačidlo Otvoriť Canvas vás tam prenesie. Texty oznámení môžete upraviť aj priamo v Canvase v paneli Hlavička.
10. Správa menu
Cesta: Zapojenie › Dizajn › Navigácia a rozloženie › Správa menu
Umiestnenia menu
Obrazovka je rozdelená podľa miesta, kde sa menu zobrazuje:
- Menu hlavičky – hlavná navigácia obchodu,
- Horné menu (Dvojité) – doplnkový riadok nad hlavičkou pri dvojitej hlavičke,
- Menu kategórií (bočný panel na desktope) – bočné menu kategórií,
- Menu pätičky – odkazy v pätičke, bez rozbaľovacích panelov.
Kategórie sa nepridávajú samy
Nová kategória sa v menu neobjaví automaticky. Pridajte ju ako položku v príslušnom umiestnení.
Pridanie položky
- V danom umiestnení kliknite na Pridať položku.
- Vyberte, čo chcete pridať. Typy sú rozdelené do troch skupín:
- Obsah – Strana, Vlastný odkaz, Externý odkaz, Zoznam produktov, Blog, Kategória blogu, FAQ, Služby,
- Katalóg – Kategória, Značka, Zoznam značiek (značky sa ponúkajú, len ak máte zapnuté stránky značiek),
- Rozšírené – Nadradené menu, Mega Menu, Kategória menu, Menu nadradenej kategórie, Kategórie produktov (mriežka), Zobraziť viac.
- Vyplňte formulár. Na záložke Konfigurácia je Názov položky (pre každý jazyk), Poloha, Nadradené menu, cieľ odkazu (stránka, kategória alebo URL) a prepínače Aktívne a Otvoriť v novom okne. Na záložke Dizajn nastavíte ikonu, obrázok a farby položky.
Nie každý typ je dostupný v každom umiestnení – ponuka ukáže len tie, ktoré dané miesto podporuje.
Typ "Mega Menu"
Pri type Mega Menu (rovnako ako pri kategórii a značke) sa pole URL nezobrazuje. Mega Menu slúži ako spúšťač rozbaľovacieho panela a samo nikam neodkazuje; jeho obsah – kategórie a ďalšie položky – vyberáte nižšie vo formulári.
Poradie a podpoložky
Poradie zmeníte potiahnutím položky. Podpoložku pridáte akciou Pridať podpoložku pri nadradenej položke.
Názvy a ďalšie vlastnosti položiek menu môžete upraviť aj v Canvase – kliknutím na položku v náhľade hlavičky. Pridávanie, mazanie a presúvanie položiek ostáva v Správe menu.
11. Editor pätičky
Cesta: Zapojenie › Dizajn › Navigácia a rozloženie › Editor pätičky
Pätička sa skladá z riadkov. Každý riadok má svoje rozloženie stĺpcov a do stĺpcov vkladáte bloky.
Riadky
- Nový riadok pridáte tlačidlom Pridať riadok, prípadne Pridať riadok nad / Pridať riadok pod pri existujúcom riadku.
- Ikona ozubeného kolieska otvorí Nastavenia riadku. V poli Typ rozloženia vyberiete 1 stĺpec (plná šírka), 2, 3, 4, 5 alebo 6 stĺpcov, alebo Vlastné s vlastným počtom stĺpcov. Nastavíte tu aj medzeru, pozadie, odsadenie a viditeľnosť riadku na zariadeniach.
- Riadky presuniete šípkami hore a dole.
- Odstránenie riadku si vyžiada potvrdenie – spolu s riadkom sa zmažú všetky jeho bloky.
Bočný panel
Panel vľavo má tri záložky:
- Bloky – ponuka blokov. Blok potiahnite do stĺpca, alebo naň kliknite – pridá sa do prvého stĺpca prvého riadku. Blok pridáte aj tlačidlom Pridať blok priamo v stĺpci.
- Nastavenia – nastavenia práve vybraného bloku alebo riadku. Kým nič nevyberiete, panel vás vyzve, aby ste klikli na blok alebo riadok.
- Rozloženie – vzhľad celej pätičky: Kontajner (Maximálna šírka, Vycentrovať obsah), Odsadenie, predvolená medzera medzi stĺpcami, Farby (pozadie, text, nadpisy, odkazy) a Spodný panel s textom autorských práv. Do textu autorských práv možno vložiť zástupné znaky pre aktuálny rok a názov obchodu – nápoveď je priamo pri poli.
Prázdne pole = podľa témy
Ak farbu alebo maximálnu šírku nevyplníte, pätička ju prevezme z témy obchodu (pri farbe je to voľba Podľa témy). Pätička tak ladí s obchodom aj po zmene farieb v Canvase.
Typy blokov
Bloky sú zoradené do skupín Navigácia, Logá, Sociálne siete, Formuláre, Obsah, Značka, Utility a Rozloženie:
Stĺpec menu, Jednotlivý odkaz, Logá platieb, Logá dopravcov, Vlastné logá, Sociálne odkazy, Instagram feed, Newsletter, Textový blok, Kontaktné informácie, Logo pätičky, Prepínač jazyka, Medzera, Oddelovač.
Logá platieb, dopravcov a sociálne odkazy sa napĺňajú automaticky z nastavení obchodu.
Ukladanie a náhľad
- Všetko – riadky, bloky aj vzhľad – uloží jedno tlačidlo Uložiť zmeny. Kým neuložíte, v hlavičke svieti štítok Neuložené zmeny a v obchode sa nič nezmení.
- Prepínač mobil / tablet / desktop ukáže pätičku v šírke daného zariadenia.
- Tlačidlo Náhľad vytvorí dočasný odkaz, na ktorom si pätičku pozriete v obchode ešte pred uložením naživo. Odkaz skopírujete (Kopírovať URL náhľadu) alebo zrušíte (Zrušiť náhľad).
- Prepínačom Aktívny / Neaktívny pätičku z editora zapnete alebo vypnete.
12. Presmerovania
Cesta: Systém › Základné nastavenie › Presmerovania
Presmerovanie pošle návštevníka (aj vyhľadávač) zo starej adresy na novú – hodí sa pri zmene adresy stránky alebo pri prechode z iného systému.
- Kliknite na Pridať presmerovanie.
- Vyplňte Z URL (stará adresa, napríklad
/stara-stranka) a Na URL (nová adresa). - Vyberte Typ presmerovania – najčastejšie 301 - Trvalé; k dispozícii je aj 302 - Dočasné, 307 a 308.
- Voliteľne doplňte Poznámky a uložte.
Ďalšie možnosti obrazovky:
- Importovať CSV / Exportovať CSV – hromadná práca s presmerovaniami,
- Importovať zo sitemapy – načíta adresy zo sitemapy starého webu a pomôže im priradiť nové ciele,
- Otestovať URL presmerovania – overí, kam konkrétna adresa povedie,
- stĺpec Zásahy – koľkokrát bolo presmerovanie použité.
13. Odporúčania produktov
Cesta: Prehľady › Analytika › Odporúčania › Odporúčania produktov
Odporúčanie je pravidlo, ktoré vyberá produkty na zobrazenie – napríklad podobné produkty, naposledy prezerané alebo najpredávanejšie. Tlačidlom Vytvoriť odporúčanie nastavíte:
- Umiestnenie – kde sa odporúčanie ukáže (domovská stránka, detail produktu, košík, výpis produktov…),
- Typ odporúčania – podľa čoho sa produkty vyberajú,
- Rozloženie – napríklad mriežka alebo karusel,
- Výber produktov – automaticky alebo ručne,
- Maximálny počet produktov.
Na vlastnú stránku vložíte odporúčanie blokom Odporúčač produktov.
14. Vzhľad obchodu a témy
- Globálny vzhľad – farby, písma, tlačidlá, hlavička a ďalšie spoločné nastavenia sa upravujú v Canvase v paneli Základné nastavenia. Pozri Canvas.
- Hotové témy – predpripravené vzhľady obchodu nájdete v Zapojenie › Dizajn › Témy.
Tipy
- Skrytie sekcie podľa zariadenia – v paneli sekcie na záložke Vedľajšie otvorte Viditeľnosť a vypnite Zobraziť na mobile, Zobraziť na tablete alebo Zobraziť na počítači. Voľba Skryté (nezobrazovať v obchode) skryje sekciu úplne.
- Viac jazykov – textové polia majú prepínač jazykov; obsah vyplňte pre každý jazyk, v ktorom stránka existuje.
- Zmeny nevidno v obchode? Pravdepodobne máte v Canvase len uložený koncept – kliknite na Publikovať. Pri pätičke nezabudnite na Uložiť zmeny.
- Vlastné štýly – sekcii môžete dať vlastnú CSS triedu alebo HTML id (záložka Vedľajšie › Pokročilé (CSS háčiky)) a naštýlovať ju vo vlastnom kóde.