Téma Space definuje samostatné rozloženie pre každý typ stránky e-shopu. Tento článok popisuje, ktoré rozloženia existujú, čo v nich zostáva pevné a ako si vytvoriť vlastné rozloženie pre konkrétnu CMS stránku.
Kde to nájdete
Zoznam rozložení je na úvodnej obrazovke Editora témy (/admin/theme-editor). Kliknutím na položku sa otvorí jej editor sekcií.
Rozloženia dostupné v téme Space
- Domovská stránka — hero, výhody, kategórie, viacero produktových mriežok, CTA, blog, značky, SEO text.
- Detail produktu — detail produktu, súvisiace a cross-sell produkty (predvolene vypnuté), výhody.
- Výpis produktov (kategória) — hero kategórie, filter, triedenie, mriežka produktov.
- Stránka — všeobecné rozloženie pre CMS stránky bez vlastnej šablóny.
- Kontakt, O nás — vlastné rozloženia s obsahovými sekciami prispôsobenými danej stránke.
- Košík, Pokladňa — minimálne rozloženie (hlavička, obsah, pätička), bez marketingových sekcií.
- Účet, Blog, Blog — detail, Porovnanie, FAQ — rozloženia pre zákaznícky účet, blog a jeho detail, porovnávanie produktov a stránku FAQ.
- Chybová stránka (404) — nie je v editore upraviteľná, aby vždy zostala funkčná bez ohľadu na stav ostatných rozložení.
Pripnuté sekcie
Hlavička a pätička sú súčasťou takmer každého rozloženia a v editore ich nemôžete z bežnej stránky odstrániť — reprezentujú spoločnú navigáciu a pätu e-shopu. Na stránkach ako košík a pokladňa sú zámerne bez oznamovacieho banneru a bez ostatných marketingových sekcií, aby zákazníka počas nákupu nič nerozptyľovalo.
Šablóny CMS stránok
Pri vytváraní vlastnej stránky v Stránky (/admin/pages) volíte šablónu — tá určuje, či stránka používa voľný text (content_mode: text), alebo sekcie skladané v editore témy (content_mode: sections). Šablóna zároveň hovorí, či sa vôbec zobrazuje pole s obsahom (uses_content). Podrobný postup vytvorenia stránky je v Stránky a CMS.
Rozloženie pre konkrétnu stránku
Ak chcete, aby mala jedna konkrétna CMS stránka vlastné rozloženie zo sekcií (odlišné od ostatných stránok používajúcich rovnakú šablónu), otvorte jej úpravu v editore témy — cesta má tvar page-{slug}. Pri prvom otvorení sa rozloženie predvyplní:
- Podľa vlastnej šablóny stránky, ak ju téma ponúka (napr. Kontakt, O nás).
- Inak podľa všeobecného rozloženia Stránka.
- Ak nič z toho neexistuje, editor vytvorí minimálne rozloženie s hlavičkou, obsahom a pätičkou.
Odtiaľ sekcie upravujete rovnako ako pri ktoromkoľvek inom rozložení — pridávate, presúvate a nastavujete ich, uložíte koncept a publikujete.
Aplikovanie nastavenia na všetky stránky
Zmenu hlavičky alebo pätičky (napríklad farbu pozadia alebo zapnutie/vypnutie prvku) môžete z editora aplikovať naraz na všetky rozloženia, namiesto opakovania tej istej úpravy na každej stránke zvlášť. Použite to opatrne — prepíše danú vlastnosť hlavičky alebo pätičky vo všetkých uložených rozloženiach.
Pozor: Hromadné aplikovanie nemožno vrátiť jedným krokom naspäť — zmenu treba opraviť ručne na stránkach, kde nemala platiť.
Časté problémy
- Nová CMS stránka nemá sekcie, ktoré čakám. Skontrolujte zvolenú šablónu — časť šablón používa len voľný text bez sekcií.
- Zmena rozloženia na jednej stránke sa premietla aj inde. Pravdepodobne ste použili Aplikovať na všetky stránky namiesto úpravy jednej konkrétnej stránky.
- Košík alebo pokladňa vyzerá inak než zvyšok e-shopu. Je to zámer — tieto rozloženia sú zjednodušené. Farby a zaoblenie preberajú z globálnych
--util-*nastavení témy, nie z bežných sekcií. - Rozloženie pre stránku sa nedá otvoriť. Skontrolujte, či je slug stránky platný a stránka existuje v Stránky.