Nastavení šablony
Kategorie Nastavení šablony upravuje vzhled e-shopu bez zásahu do šablony samotné: určuje, jestli hlavička webu zůstává při posouvání stránky na očích, a umožňuje doplnit vlastní styly, které přepíšou výchozí vzhled šablony.
O funkci
Šablona e-shopu má svůj výchozí vzhled. Drobné úpravy — jiná barva tlačítka, větší mezera pod nadpisem, skrytý prvek, který na vašem webu nepotřebujete — ale často nestojí za úpravu šablony. Proto lze styly doplnit přímo v administraci, bez úpravy a nasazení šablony.
Obě nastavení platí pro celou instalaci. Uložíte je jednou a projeví se na všech prodejních kanálech a doménách stejně.
Kategorie má dvě karty: Sticky hlavička nahoře a Vlastní CSS pod ní. Změny obou karet uloží tlačítko Uložit vpravo nahoře.
Cesta v administraci
Sticky hlavička
Na dlouhých stránkách, jako je výpis kategorie nebo detail produktu, hlavička s vyhledáváním, košíkem a menu po chvíli zmizí z obrazovky. Sticky hlavička ji udrží po ruce, takže se zákazník nemusí kvůli hledání nebo košíku vracet na začátek stránky.
Chování se volí zvlášť pro dvě podoby webu:
- Na desktopu: hlavička webu na počítači.
- Na telefonu: mobilní podoba hlavičky s tlačítkem Menu, kterou vidí zákazníci na telefonech a menších tabletech.
U každé z nich vyberete jednu ze tří možností:
| Volba | Co zákazník uvidí |
|---|---|
| Vypnuto | Hlavička se posouvá spolu se stránkou a po odrolování zmizí. |
| Při posunu nahoru | Při posouvání dolů se hlavička schová a uvolní místo obsahu. Jakmile zákazník kousek popojede nahoru, hlavička se znovu ukáže. |
| Vždy | Hlavička zůstává nahoře trvale, ať zákazník roluje kterýmkoli směrem. |
Dokud volbu neuložíte, platí Vypnuto. Obě pole jsou povinná, ale každé lze nastavit jinak, třeba Vždy na desktopu a Při posunu nahoru na telefonu, kde je místa méně.
Vlastní CSS
Do pole Vlastní CSS zapíšete styly v jazyce CSS. E-shop je vloží do hlavičky každé stránky za výchozí styly šablony, takže pokud vaše pravidlo upravuje stejný prvek jako šablona, platí vaše pravidlo.
Například pravidlo .ef-btn--cta { border-radius: 0; } zobrazí hlavní tlačítka e-shopu s ostrými rohy místo zaoblených.
- Pole je nepovinné. Když ho necháte prázdné, e-shop vypadá přesně podle šablony.
- Styly platí pro celý web: všechny stránky, prodejní kanály i domény.
- Obsah pole může mít nejvýše 256 kB. Při delším textu se nastavení neuloží a pod polem se zobrazí hláška
Vlastní CSS je příliš dlouhé (maximum je 256 kB). - Editor čísluje řádky a zvýrazňuje syntaxi CSS. Tlačítkem Přes celou obrazovku v jeho liště si ho zvětšíte, když stylů přibude.
Chybné CSS systém nezachytí
Při uložení se kontroluje jen délka, ne správnost pravidel. Překlep nebo příliš obecné pravidlo se uloží a projeví se na celém webu, třeba jako skrytá tlačítka nebo rozpadlé rozložení stránky. Po každé změně si e-shop prohlédněte. Když se něco pokazí, pravidlo opravte nebo smažte a znovu uložte.
Časté dotazy (FAQ)
Mohu mít pro každý prodejní kanál jiné CSS?
Ne. Vlastní CSS je jedno pro celou instalaci a vkládá se na všechny kanály a domény stejně. Pokud se má vzhled lišit podle kanálu, musí se to řešit v šabloně e-shopu.
Mohu přes Vlastní CSS vložit na web skript nebo HTML?
Ne. Pole je určené jen pro styly a e-shop jeho obsah vkládá jako styly. Měřicí kódy, skripty a jiné HTML se sem nepíší.
Proč se moje pravidlo neprojeví, i když je správně?
Vaše styly se načítají až za styly šablony, takže při stejně přesném výběru prvku vyhrají. Pokud šablona prvek vybírá přesněji než vaše pravidlo, platí dál pravidlo šablony. Pomůže zpřesnit výběr prvku. Projeví se jen to, co je uložené: po úpravě nezapomeňte stisknout Uložit.
Kde nastavím lištu s tlačítkem do košíku, která se vysouvá na detailu produktu?
Ta do této kategorie nepatří. Kategorie Nastavení šablony obsahuje jen sticky hlavičku a vlastní CSS.