Předloha webu
Předloha je web uložený jako soubor JSON: téma, stránky s bloky ve všech jazycích včetně menu a patičky, úvodní strana a podoba e-shopu a vlastní CSS. Uložíte ji a použijete v části Obsah › Předloha webu.
Co platforma se souborem udělá
- Soubor čte stejnými pravidly jako editor stránek, Vzhled a Úvodní strana. Co by zahodila (neznámý blok, pole mimo popis, nebezpečný odkaz, neplatnou barvu), vám před použitím řekne jedno po druhém.
- Stránky vzniknou jako koncepty a před zveřejněním je zkontrolujete. Existující stránku přepíše jen na výslovnou volbu.
- Obrázky soubor nenese, jen jejich adresy. Cílový obchod je stáhne do své knihovny médií; přijme JPEG, PNG, GIF, WebP a AVIF. Adresa začínající lomítkem se skládá s polem zdroj.
- Logo a titulní fotka patří klientovi. Do souboru jdou jen na výslovnou volbu při uložení a cílový obchod je ze souboru převezme také jen na výslovnou volbu, jinak si nechá svoje.
- Vlastní CSS jde do souboru, když ho ukládá člověk s oprávněním k vlastnímu CSS: zveřejněná verze, a když není nic zveřejněné, nejnovější uložená. Soubor nese CSS tak, jak ho autor napsal.
- Cílový obchod vlastní CSS pročistí stejným čištěním jako editor Vlastní CSS a uloží ho jako novou verzi, koncept; zveřejníte ho v části Obchod › Vlastní CSS. Obrázky v url() musí být z knihovny médií cílového obchodu, adresy z knihovny původního obchodu čištění zahodí s nálezem. Cíl bez Enginu Vlastní CSS nebo bez oprávnění k němu CSS přeskočí a v plánu řekne proč.
- Kategorie a produkty úvodní strany jsou v souboru podle slugu, ne podle id: id z jednoho obchodu v jiném neplatí. Samotné produkty, kategorie ani jejich fotky ale předloha nenese, stejně jako nastavení obchodu a právní texty.
- Novější verzi formátu, než zná, platforma odmítne celou. Soubory starších verzí přečte dál.
Limity
- Velikost souboru
- 2 MB
- Stránek v souboru
- 300
- Bloků na stránce
- 200
- Obrázků na jedno použití
- 80
Z kódu platformy. Tento seznam se skládá přímo ze zdrojového kódu platformy a každé nasazení ověří, že s ním souhlasí.
Pole souboru
| Pole | Co nese |
|---|---|
druh | Značka souboru, vždy portican-predvolba. Podle ní platforma pozná, že nejde o libovolný JSON. |
verzia | Verze formátu, dnes 3. Soubory starších verzí platforma přečte dál. |
nazov | Název, který předloze dala agentura. |
vytvorene | Kdy předloha vznikla, ve tvaru ISO 8601. Jen pro člověka. |
zdroj | Adresa webu, ze kterého předloha přišla. Z ní se skládají adresy obrázků začínající lomítkem. |
tema | Téma webu, pole níže. Může chybět. |
stranky | Seznam stránek, pole níže. |
uvodnaStrana | Úvodní strana e-shopu, pole níže. Může chybět. |
eshop | Podoba e-shopu: pole podoba s volbami ze seznamu níže, každá hodnota z uzavřeného seznamu. Chybějící volba je dnešní podoba. Může chybět, verze 1 ji nemá. |
vlastneCss | Vlastní CSS: pole zdroj s CSS tak, jak ho autor napsal, nejvýše 64 KB. Cílový obchod ho pročistí a uloží jako koncept. Může chybět, verze 1 a 2 ho nemají. |
Pole stránky
| Pole | Co nese |
|---|---|
slug | Adresa stránky. Prázdná je úvodní strana webu. |
jazyk | Kód jazyka stránky, například sk, cs, en. |
adresa | Adresa v jazyce stránky, když se liší od slugu. |
nazov | Název stránky v menu. |
seoTitulok | Titulek pro vyhledávače. |
seoPopis | Popis pro vyhledávače. |
poradieVMenu | Pořadí v menu webu. Bez čísla je stránka mimo menu. |
bloky | Bloky stránky v pořadí, jak jdou pod sebou. Druhy a pole jsou v části Bloky a jejich pole. |
Pole tématu
| Pole | Co nese |
|---|---|
light | Barvy tématu jako #rrggbb: background, foreground, primary, primaryForeground, accent, accentForeground, mutedForeground, surface, line, brand2, brand3. |
radius | Zaoblení rohů v rem, například 0.75rem. |
tmavyRezim | Nabízí obchod přepínač tmavého režimu (true nebo false). |
font | Písmo textu: Geist, Jost, Inter, Lora, Playfair Display, Old Standard TT, Space Grotesk, Bodoni Moda, Archivo, system-ui, Faustina, DM Sans, Montserrat, Work Sans, Manrope, Nunito Sans, Cormorant Garamond, Source Serif 4, Libre Baskerville, Merriweather, Figtree, Outfit, Fraunces, Hanken Grotesk, Bricolage Grotesque, Barlow Condensed. |
pismo | Psané písmo: Allura, Kaushan Script. |
sablona | Šablona webu: zaklad, expert. Kód šablony e-shopu soubor nenese; vzhled z ní je v tématu a v poli eshop. |
styl | Styl šablony Expert: vyrazny, triezvy, redakcny, produktovy, teply. |
fontNadpisov | Písmo nadpisů, ze stejných jako písmo textu. |
vahaNadpisov | Tloušťka nadpisů: 400, 500, 600 nebo 700. Bez ní má každý nadpis svou. |
znacka | Značka textem místo loga: text do 40 znaků a volitelný psaný doplněk. |
logo | Adresa loga. V souboru je jen na výslovnou volbu při uložení. |
logoWidth | Šířka loga v pixelech. |
logoHeight | Výška loga v pixelech. |
titulnaFotka | Adresa titulní fotky. V souboru je jen na výslovnou volbu při uložení. |
popisZnacky | Krátký popis značky, do 40 znaků. |
ikona | Adresa ikony webu, čtvercový obrázek pro kartu prohlížeče a záložky. |
logoSvetle | Adresa světlého loga do tmavé patičky; kreslí se na plátno loga (logoWidth, logoHeight). |
dark | Barvy tmavého režimu jako #rrggbb, stejné klíče jako u světlých barev. |
Pole úvodní strany e-shopu
| Pole | Co nese |
|---|---|
pas | Texty pásu nahoře na úvodní straně. |
sekcie | Sekce úvodní strany v pořadí, vždy všechny. |
dlazdice | Dlaždice kategorií; kategorie je slug. |
pocetKategorii | Kolik kategorií ukázat při automatickém výběru. |
pasy | Pásy produktů; kolekce i produkty jsou slugy, nebo zdroj novinky, najpredavanejsie či akcie. |
pocetProduktov | Kolik produktů je v jednom pásu. |
vyhody | Výhody obchodu pod pásem. |
zvyrazneny | Zvýrazněný produkt: produkt podle slugu, texty a parametry. |
manifest | Manifest: řádek nad nadpisem, nadpis, text a odkaz; s fotkou a až třemi čísly je to příběh ve dvou sloupcích. |
magazin | Nadpis a věta nad nejnovějšími články blogu. |
odber | Texty u přihlášení k newsletteru. |
uvodKategorii | Nadpis a věta nad dlaždicemi kategorií. |
uvodProduktov | Nadpis a věta nad pruhy produktů v záložkách, odkaz pod nimi. |
snimky | Další snímky úvodního pruhu, nejvýše čtyři. |
panel | Krátká výzva pod kategoriemi v bočním panelu pruhu. |
oznam | Pruh oznámení nad hlavičkou: vlevo, uprostřed s odkazem, vpravo. |
strankySluzieb | Stránky webu jako upoutávky v sekci Služby, slugy v pořadí; bez nich jsou tam jen stránky obchodu ze souborů. |
Podoba e-shopu
- Podoba mění skladbu e-shopu, ne barvy: jaký je úvodní pruh, kolik karet je na telefonu vedle sebe, jak vypadají kategorie, karta produktu, záhlaví a další části. Má 17 voleb a každá má uzavřený seznam hodnot; jinou hodnotu platforma nepřijme a řekne to jako nález.
- První hodnota každé volby je dnešní podoba. U ní obchod na kořeni stránky nic nekreslí, u jiné nakreslí atribut volby s hodnotou, například
data-podoba-karta="vzdusna". Podle něj větvíte vlastní CSS, viz Háčky ve značkování. - Obchodník podobu volí šablonou e-shopu v části Obchod › Vzhled, část voleb změní v bloku Podoba obchodu i jednotlivě. V předloze je podoba v poli eshop.
Z kódu platformy. Tento seznam se skládá přímo ze zdrojového kódu platformy a každé nasazení ověří, že s ním souhlasí.
passtlpceTelefonkategoriekartahlavickaproduktproduktypatapozadiastrankyvyhodyodberzvyraznenymagazinmanifestmedzerynadpisy
Úvodní pruh
Úvodní pruh nahoře na úvodu e-shopu (data-cast="pasEshopu"): jestli má fotku a jak je vysoký, jestli přepíná snímky šipkami nebo tečkami a jestli vedle něj stojí panel kategorií.
- Volba
pas- Atribut
data-podoba-pas- Hodnoty
standardKlasický pruh s nadpisem dnešní podoba, bez atributuplnyFotka přes celou šířkukompaktnyNízký pruh bez fotky, zboží hned pod nímsliderFotka se snímky, kategorie v panelu vedle nísnimkySnímky přes celou šířku s textem na fotceramSnímky v zaobleném rámu, světlá fotka a tmavý textsvetlySvětlá fotka s textem vlevo, na telefonu text nad fotkou
Na telefonu
Kolik karet produktů stojí na telefonu vedle sebe. Pozor, atribut má kratší název než volba.
- Volba
stlpceTelefon- Atribut
data-podoba-stlpce- Hodnoty
1Jeden produkt přes celou šířku dnešní podoba, bez atributu2Dva produkty vedle sebe
Kategorie na úvodu
Kategorie na úvodu e-shopu (data-cast="kategorie"): tvar a velikost fotky, kolik jich je v řadě, co je pod fotkou a kde stojí nadpis sekce.
- Volba
kategorie- Atribut
data-podoba-kategorie- Hodnoty
dlazdiceVelké dlaždice s fotkou dnešní podoba, bez atributuradŘada odkazůmozaikaMozaika s jednou velkou dlaždicíkartyKarty se čtvercovou fotkou a počtem produktůstvorceMalé čtverce s fotkou zboží, názvem a počtem produktůkruhyKulaté fotky zboží s názvem a krátkým popisemfotkyVelké fotky s názvem, popisem a šipkou pod nimi
Karta produktu
Karta produktu ve výpisu a v pruzích produktů (data-cast="kartaProduktu"): poměr a podklad fotky, rámeček, štítky, poloha ceny a tlačítko do košíku.
- Volba
karta- Atribut
data-podoba-karta- Hodnoty
standardČtvercová fotka v rámečku dnešní podoba, bez atributuvzdusnaFotka na výšku, bez rámečkustitokČtvercová fotka bez rámečku, štítek v rohukosikKarta s rámečkem, štítkem a ikonou košíku u cenyobrysKarta s obrysem, cena v barvě značky a kulaté tlačítkoplochaFotka na jemné ploše bez rámečku, v rohu bílý čtvereček s plusemportretFotka na výšku na jemné ploše, bez rámečku a tlačítka
Hlavička
Záhlaví e-shopu (data-cast="hlavickaStranky"): kde stojí logo a vyhledávání, jestli je nad ním pruh oznámení a pod ním řádek menu nebo strom kategorií.
- Volba
hlavicka- Atribut
data-podoba-hlavicka- Hodnoty
standardLogo vlevo, hledání na počítači dnešní podoba, bez atributustredovaLogo uprostředhladanieHledání na vlastním řádku, i na telefonukategoriePruh oznámení, široké hledání a tlačítko se všemi kategoriemiponukaPruh oznámení, vyhledávání uprostřed a řádek nabídky pod logembutikHledání vlevo, logo uprostřed a pod ním všechny kategorie a nabídka
Stránka produktu
Stránka produktu (data-cast="fotkyProduktu", data-cast="udajeProduktu", data-cast="zalozkyProduktu"): fotky a údaje vedle sebe s lepivou galerií, nebo širší fotky pod sebou s lepivými údaji, a zarovnání záložek pod produktem. U galerie je na telefonu fotka od okraje k okraji a tlačítko do košíku hned pod cenou.
- Volba
produkt- Atribut
data-podoba-produkt- Hodnoty
standardFotky a údaje vedle sebe dnešní podoba, bez atributugaleriaVětší fotky pod sebou, cena a tlačítko stále na očíchzalozkyFotky a údaje vedle sebe, popis a parametry v záložkáchvlavoFotky a údaje vedle sebe, záložky pod nimi vlevo
Produkty na úvodu
Pruhy produktů na úvodu (data-cast="pasProduktov"): pod sebou, nebo jako záložky nad jednou mřížkou. Záložky přepíná styl, bez skriptu; volba mění i počet sloupců mřížky.
- Volba
produkty- Atribut
data-podoba-produkty- Hodnoty
standardPruhy produktů pod sebou dnešní podoba, bez atributuzalozkyPruhy jako záložky nad jednou mřížkouprepinacPruhy jako přepínač nad mřížkou se čtyřmi sloupciriadokZáložky vedle nadpisu nad mřížkou se čtyřmi nebo pěti sloupci
Patička
Patička (data-cast="paticka"): světlá, nebo tmavá se sloupci odkazů a platbami.
- Volba
pata- Atribut
data-podoba-pata- Hodnoty
standardSvětlá patička dnešní podoba, bez atribututmavaTmavá patička se sloupci odkazů
Podklad sekcí na úvodu
Podklad sekcí úvodu: každá se svým, nebo střídavě bílá, jemná plocha a barva značky. Barvy jsou z tématu (plocha, zvýraznění a třetí barva značky), mění je obchodník ve Vzhledu.
- Volba
pozadia- Atribut
data-podoba-pozadia- Hodnoty
standardKaždá sekce se svým podkladem dnešní podoba, bez atributustriedaveSekce střídají bílé, šedé a barevné pozadí
Obsahové stránky
Obsahové stránky: Kontakt s formulářem ve dvou sloupcích (vlevo kontakty s ikonami, vpravo poptávkový formulář) a stránky z bloků ve stylu šablony, s úvodem s fotkou a hodnotami ve sloupcích s linkou místo karet.
- Volba
stranky- Atribut
data-podoba-stranky- Hodnoty
standardKontaktní údaje pod sebou a stránky v základním vzhledu dnešní podoba, bez atributuvzdusneKontakt s formulářem vedle údajů, stránky s velkou fotkou a hodnotami ve sloupcích
Výhody obchodu
Výhody obchodu na úvodu (data-cast="vyhody"): dlaždice s nadpisem sekce, tenký řádek nad čárou, nebo pruh mezi dvěma čarami. Nadpis sekce v řádku zůstává pro čtečku obrazovky.
- Volba
vyhody- Atribut
data-podoba-vyhody- Hodnoty
standardDlaždice s nadpisem a velkou ikonou dnešní podoba, bez atributuriadokTenký řádek s ikonou vlevo nad linkoupasČtyři výhody vedle sebe s ikonou v dlaždici
Pole odběru novinek
Pole odběru novinek na úvodu (data-cast="odberEshopu"): rámeček pole, podklad sekce a rozložení do sloupců. Text na barevném podkladu kreslí obchod barvou, která k podkladu v tématu patří.
- Volba
odber- Atribut
data-podoba-odber- Hodnoty
standardPole e-mailu v rámečku dnešní podoba, bez atributulinkaJen linka pod polem e-mailufarbaSekce v barvě značky, pole a tlačítko vedle sebeplochaDva sloupce na jemné ploše, pole bez rámečku vedle tlačítkazvyraznenieDva sloupce v barvě zvýraznění, pole bez rámečku vedle tlačítkacistyDva sloupce bez podkladu, pole jen s čarou a tlačítko textem
Zvýrazněný produkt
Zvýrazněný produkt na úvodu (data-cast="zvyrazneny"): rám a velikost fotky, parametry v odrážkách se zaškrtnutím, poloha ceny a tlačítka a původní cena u akce.
- Volba
zvyrazneny- Atribut
data-podoba-zvyrazneny- Hodnoty
standardFotka a parametry ve sloupcích dnešní podoba, bez atributuzoznamFotka v rámu, body s fajfkou a původní cenacistyFotka bez rámu, body s fajfkou a cena v barvě značkyfotkaVelká fotka vlevo, body s fajfkou v jednom řádku, cena a tlačítko pod nimi
Články na úvodu
Nejnovější články blogu na úvodu (data-cast="magazin"): články bez rámu nebo v kartách, rubrika a datum nad nadpisem a odkaz na všechny články.
- Volba
magazin- Atribut
data-podoba-magazin- Hodnoty
standardFotka a text bez rámečku dnešní podoba, bez atributukartyKarty s rámečkem, rubrikou a datemriadokNadpis s odkazem na všechny články, rubrika a datum nad nadpisem
Příběh s fotkou
Příběh v manifestu (data-cast="manifest"), když má fotku: na které straně je fotka a jak jsou čísla.
- Volba
manifest- Atribut
data-podoba-manifest- Hodnoty
standardText s čísly v rámečcích vlevo, fotka vpravo dnešní podoba, bez atributuvlavoFotka vlevo, čísla v řádku nad čarouvpravoText vlevo, velká čtvercová fotka vpravo bez rámu
Mezery sekcí
Mezery sekcí úvodu: prostorné mají od šířky obrazovky 640 px 64 px nad i pod kategoriemi, pruhy produktů, příběhem a články.
- Volba
medzery- Atribut
data-podoba-medzery- Hodnoty
standardBěžné mezery mezi sekcemi úvodu dnešní podoba, bez atributupriestranneProstorné, 64 px nad a pod každou sekcí
Nadpisy úvodní stránky
Nadpisy úvodu: redakční jsou větší a v nadpisu pruhu, zvýrazněného produktu a příběhu, který obchodník zalomil, je vše za prvním řádkem kurzívou. U volby uprostřed jdou doprostřed nadpisy kategorií, pruhů produktů a článků a záložky produktů pod nadpis.
- Volba
nadpisy- Atribut
data-podoba-nadpisy- Hodnoty
standardBěžné nadpisy dnešní podoba, bez atributuvlavoVětší nadpisy, zalomený nadpis s druhým řádkem kurzívoustredVětší nadpisy uprostřed, druhý řádek kurzívou, záložky pod nadpisem
Šablony e-shopu
- Obchod s e-shopem má v části Obchod › Vzhled 19 šablon e-shopu. Šablona nastaví písma, zaoblení a neutrální barvy (pozadí, text, plochy, čáry), skladbu úvodní strany a všechny volby podoby. Barvy značky převezme jen na výslovnou volbu; obsah, logo, titulní fotku ani šablonu webu nemění. Před použitím ukáže, co se změní, a předchozí vzhled jde vrátit.
- Tabulka ukazuje, které atributy podoby šablona na kořeni stránky nakreslí: na ně větvíte styl, když má fungovat s konkrétní šablonou. Jak šablony vypadají, ukazuje galerie šablon.
Z kódu platformy. Tento seznam se skládá přímo ze zdrojového kódu platformy a každé nasazení ověří, že s ním souhlasí.
| Šablona | Atributy na kořeni stránky |
|---|---|
Katalogkatalog | data-podoba-pas="kompaktny", data-podoba-stlpce="2", data-podoba-kategorie="stvorce", data-podoba-karta="kosik", data-podoba-hlavicka="hladanie", data-podoba-produkt="zalozky", data-podoba-produkty="riadok", data-podoba-pata="tmava", data-podoba-vyhody="pas", data-podoba-odber="plocha", data-podoba-zvyrazneny="zoznam", data-podoba-magazin="riadok", data-podoba-manifest="vlavo" |
Výlohavyklad | data-podoba-pas="plny", data-podoba-stlpce="2", data-podoba-karta="vzdusna", data-podoba-hlavicka="stredova", data-podoba-produkt="galeria", data-podoba-produkty="zalozky", data-podoba-pata="tmava", data-podoba-pozadia="striedave", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="linka", data-podoba-zvyrazneny="fotka", data-podoba-magazin="karty", data-podoba-medzery="priestranne" |
Pultpult | data-podoba-pas="svetly", data-podoba-karta="plocha", data-podoba-hlavicka="ponuka", data-podoba-produkt="galeria", data-podoba-produkty="riadok", data-podoba-pozadia="striedave", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="zvyraznenie", data-podoba-zvyrazneny="fotka", data-podoba-magazin="riadok", data-podoba-medzery="priestranne" |
Domovdomov | data-podoba-pas="slider", data-podoba-stlpce="2", data-podoba-kategorie="mozaika", data-podoba-karta="stitok", data-podoba-hlavicka="kategorie", data-podoba-produkt="zalozky", data-podoba-produkty="zalozky", data-podoba-pata="tmava", data-podoba-pozadia="striedave", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="linka" |
Trhtrh | data-podoba-pas="snimky", data-podoba-kategorie="karty", data-podoba-karta="kosik", data-podoba-hlavicka="ponuka", data-podoba-produkt="vlavo", data-podoba-produkty="prepinac", data-podoba-vyhody="pas", data-podoba-odber="farba", data-podoba-zvyrazneny="zoznam", data-podoba-magazin="karty" |
Elektroelektro | data-podoba-pas="ram", data-podoba-stlpce="2", data-podoba-kategorie="stvorce", data-podoba-karta="obrys", data-podoba-hlavicka="kategorie", data-podoba-produkt="vlavo", data-podoba-produkty="riadok", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="plocha", data-podoba-zvyrazneny="cisty", data-podoba-magazin="riadok", data-podoba-manifest="vlavo" |
Miminkobabatko | data-podoba-pas="svetly", data-podoba-stlpce="2", data-podoba-kategorie="kruhy", data-podoba-karta="plocha", data-podoba-hlavicka="kategorie", data-podoba-produkt="vlavo", data-podoba-produkty="riadok", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="zvyraznenie", data-podoba-zvyrazneny="fotka", data-podoba-magazin="riadok", data-podoba-medzery="priestranne" |
Módamoda | data-podoba-pas="svetly", data-podoba-stlpce="2", data-podoba-kategorie="fotky", data-podoba-karta="portret", data-podoba-hlavicka="butik", data-podoba-produkt="zalozky", data-podoba-produkty="riadok", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="cisty", data-podoba-zvyrazneny="fotka", data-podoba-magazin="riadok", data-podoba-manifest="vpravo", data-podoba-medzery="priestranne", data-podoba-nadpisy="stred" |
Kosmetikakozmetika | data-podoba-pas="svetly", data-podoba-stlpce="2", data-podoba-kategorie="fotky", data-podoba-karta="portret", data-podoba-hlavicka="butik", data-podoba-produkt="zalozky", data-podoba-produkty="riadok", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="farba", data-podoba-zvyrazneny="fotka", data-podoba-magazin="riadok", data-podoba-manifest="vpravo", data-podoba-medzery="priestranne", data-podoba-nadpisy="vlavo" |
Knihyknihy | data-podoba-pas="svetly", data-podoba-stlpce="2", data-podoba-kategorie="fotky", data-podoba-karta="portret", data-podoba-hlavicka="kategorie", data-podoba-produkt="vlavo", data-podoba-produkty="riadok", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="plocha", data-podoba-zvyrazneny="cisty", data-podoba-magazin="riadok", data-podoba-manifest="vlavo", data-podoba-medzery="priestranne" |
Kávakava | data-podoba-pas="svetly", data-podoba-stlpce="2", data-podoba-kategorie="fotky", data-podoba-karta="plocha", data-podoba-hlavicka="kategorie", data-podoba-produkt="vlavo", data-podoba-produkty="riadok", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="linka", data-podoba-zvyrazneny="fotka", data-podoba-magazin="riadok", data-podoba-manifest="vpravo", data-podoba-medzery="priestranne", data-podoba-nadpisy="stred" |
Sportsport | data-podoba-pas="snimky", data-podoba-stlpce="2", data-podoba-kategorie="mozaika", data-podoba-karta="portret", data-podoba-hlavicka="kategorie", data-podoba-produkt="vlavo", data-podoba-produkty="prepinac", data-podoba-pata="tmava", data-podoba-stranky="vzdusne", data-podoba-vyhody="pas", data-podoba-odber="zvyraznenie", data-podoba-magazin="riadok", data-podoba-manifest="vlavo", data-podoba-medzery="priestranne" |
Zvířatazvierata | data-podoba-pas="svetly", data-podoba-stlpce="2", data-podoba-kategorie="fotky", data-podoba-karta="plocha", data-podoba-hlavicka="kategorie", data-podoba-produkt="vlavo", data-podoba-produkty="riadok", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="plocha", data-podoba-zvyrazneny="fotka", data-podoba-magazin="riadok", data-podoba-medzery="priestranne" |
Autoservisautoservis | data-podoba-pas="snimky", data-podoba-stlpce="2", data-podoba-kategorie="fotky", data-podoba-karta="plocha", data-podoba-hlavicka="kategorie", data-podoba-produkt="vlavo", data-podoba-produkty="riadok", data-podoba-pata="tmava", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="plocha", data-podoba-zvyrazneny="cisty", data-podoba-magazin="riadok", data-podoba-manifest="vpravo", data-podoba-medzery="priestranne" |
Vinařstvívinarstvo | data-podoba-pas="snimky", data-podoba-stlpce="2", data-podoba-kategorie="stvorce", data-podoba-karta="portret", data-podoba-hlavicka="kategorie", data-podoba-produkt="vlavo", data-podoba-produkty="riadok", data-podoba-pata="tmava", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="zvyraznenie", data-podoba-zvyrazneny="fotka", data-podoba-magazin="riadok", data-podoba-medzery="priestranne", data-podoba-nadpisy="vlavo" |
Ateliérvytvarne | data-podoba-pas="ram", data-podoba-stlpce="2", data-podoba-kategorie="kruhy", data-podoba-karta="stitok", data-podoba-hlavicka="kategorie", data-podoba-produkt="vlavo", data-podoba-produkty="prepinac", data-podoba-pata="tmava", data-podoba-stranky="vzdusne", data-podoba-vyhody="pas", data-podoba-odber="zvyraznenie", data-podoba-zvyrazneny="zoznam", data-podoba-magazin="riadok", data-podoba-manifest="vlavo", data-podoba-medzery="priestranne" |
Palivopalivo | data-podoba-pas="snimky", data-podoba-stlpce="2", data-podoba-kategorie="stvorce", data-podoba-karta="plocha", data-podoba-hlavicka="kategorie", data-podoba-produkt="vlavo", data-podoba-produkty="riadok", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="farba", data-podoba-zvyrazneny="cisty", data-podoba-magazin="riadok", data-podoba-manifest="vlavo", data-podoba-medzery="priestranne" |
Hudbahudba | data-podoba-pas="snimky", data-podoba-stlpce="2", data-podoba-kategorie="stvorce", data-podoba-karta="plocha", data-podoba-hlavicka="kategorie", data-podoba-produkt="vlavo", data-podoba-produkty="riadok", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="zvyraznenie", data-podoba-zvyrazneny="cisty", data-podoba-magazin="riadok", data-podoba-manifest="vlavo", data-podoba-medzery="priestranne" |
Lékárnalekar | data-podoba-pas="svetly", data-podoba-stlpce="2", data-podoba-kategorie="stvorce", data-podoba-karta="plocha", data-podoba-hlavicka="kategorie", data-podoba-produkt="vlavo", data-podoba-produkty="riadok", data-podoba-stranky="vzdusne", data-podoba-vyhody="riadok", data-podoba-odber="zvyraznenie", data-podoba-zvyrazneny="cisty", data-podoba-magazin="riadok", data-podoba-manifest="vpravo", data-podoba-medzery="priestranne" |
Ukázka
Malá předloha: téma, jedna stránka se dvěma bloky, dvě volby podoby e-shopu a vlastní CSS. Platforma ji přečte celou, bez jediného nálezu; ověřuje to každé nasazení.
{
"druh": "portican-predvolba",
"verzia": 3,
"nazov": "Květinářství, jednoduchý web",
"vytvorene": "2026-09-29T10:00:00Z",
"zdroj": "https://example.com",
"tema": {
"light": {
"primary": "#0f5c4a",
"primaryForeground": "#ffffff"
},
"radius": "0.75rem",
"font": "Inter",
"sablona": "expert",
"styl": "teply"
},
"stranky": [
{
"slug": "",
"jazyk": "cs",
"nazov": "Úvod",
"poradieVMenu": 1,
"bloky": [
{
"id": "uvod",
"druh": "hlavicka",
"obsah": {
"nadpis": "Květiny na každý den",
"text": "Kytice vážeme ráno a doručujeme ještě týž den.",
"tlacidlo": "Prohlédnout nabídku",
"odkaz": "/nabidka"
}
},
{
"id": "otazky",
"druh": "otazky",
"obsah": {
"nadpis": "Časté dotazy",
"polozky": [
{
"otazka": "Doručujete i v neděli?",
"odpoved": "Ano, objednávky do 10:00 doručíme ještě týž den."
}
]
}
}
]
}
],
"eshop": {
"podoba": {
"karta": "vzdusna",
"stlpceTelefon": "2"
}
},
"vlastneCss": {
"zdroj": ":root { --vlastne-medzera: 1.5rem }\n[data-cast='kartaProduktu'] { padding: var(--vlastne-medzera) }"
}
}