Nastavenia opísané v tomto článku platia globálne pre celý e-shop — na rozdiel od nastavení jednotlivej sekcie sa neviažu na jednu stránku. V editore témy sú v bočnom paneli nastavení, rozdelené do skupín podľa témy.
Kde to nájdete
Editor témy (/admin/theme-editor) — panel nastavení témy vedľa zoznamu stránok, alebo priamo v živom editore konkrétnej stránky.
Farby (paleta)
- Primárna farba a Text na primárnej — hlavná farba tlačidiel a akcentov.
- Sekundárna farba, Akcentová farba — doplnkové farby prvkov.
- Povrch kariet, Tlmené pozadie, Okraje — farby kariet, jemných plôch a deliacich čiar.
- Chybová farba — validácie a chybové stavy.
- Farba pozadia, Farba textu — základné farby stránky.
Farby nastavené v hlavičke alebo pätičke (napr. header_bg_color, footer_text_color) majú prednosť pred touto globálnou paletou len na danej sekcii.
Typografia
- Font nadpisov a Font tela — písmo pre nadpisy a bežný text. Zmena sa prejaví vo všetkých sekciách naraz.
Značka
- Logo e-shopu, Logo pre pätku (voliteľné — ak necháte prázdne, použije sa hlavné logo; ak má pätka tmavé pozadie, nahrajte svetlú verziu), Favicon (odporúčané PNG 32×32 alebo SVG).
- Textový názov — zobrazí sa, ak logo nenahráte, a slúži aj ako alternatívny text obrázka loga.
- Výška loga v hlavičke — v pixeloch.
- Telefón, E-mail, Adresa — kontaktné údaje využívané hlavičkou, pätičkou a kontaktnými sekciami.
Pozor: Zmeny loga a kontaktných údajov sa prejavia na celom e-shope až po publikovaní — nie hneď po uložení konceptu. Pozri Editor témy — základy.
Zaoblenie (shape)
- Zaoblenie sekcií a panelov, Zaoblenie tlačidiel a polí, Zaoblenie ovládačov v hlavičke (vyhľadávanie, ikony), Zaoblenie kariet a obrázkov (kategórie, produkty, bannery).
Každé z nich má vlastnú škálu od Bez zaoblenia po Plné — dajú sa nastaviť nezávisle, takže napríklad tlačidlá môžu byť pill-shaped a karty len jemne zaoblené.
Varianty sekcií
Väčšina sekcií má samostatné pole Variant, ktoré mení jej rozloženie bez zmeny textov ani obrázkov. Prehľad hlavných variantov témy Space:
| Sekcia | Varianty |
|---|---|
| Hlavička | A — trojradová s kategóriami, B — dvojradová s tlačidlom katalógu, C — tmavá s oblými tlačidlami, D — logo v strede + oznamovací pás |
| Hero | A — mriežka troch bannerov, B — banner na celú šírku, C — kategórie + banner, D — odpočet a ukazovatele priebehu |
| Karta produktu | A — minimalistická, B — dominantná fotka, C — štítok s efektom, D — kompaktná, E — rámček s TOP/variantmi |
| Pätička | A — stĺpce + newsletter, B — oblé tlačidlá sociálnych sietí, C — plávajúci newsletter, D — obrázok + karta newslettera |
| CTA blok | A — banner, B — split (dve karty), C — pás, D — plagát |
| Detail produktu | A — galéria vľavo + akordeón, B — kartová galéria + farby ako čipy, C — 2×3 mriežka + dopravné info |
| Výpis kategórie | A — mriežka s bočným panelom, B — bez bočného panela, C — bočný panel vpravo, D — filter navrchu |
Kompletný zoznam variantov pre všetky sekcie (kategórie, podkategórie, filter, triedenie, blog, výhody a ďalšie) sa zobrazuje priamo v editore pri poli Variant danej sekcie.
Postup zmeny globálneho nastavenia
- Otvorte panel nastavení témy.
- Zmeňte farbu, font, logo alebo zaoblenie.
- Uložte.
- Skontrolujte niekoľko rôznych stránok — zmena sa prejaví všade, kde daný prvok existuje.
Časté problémy
- Zmenil som farbu, ale sekcia vyzerá rovnako. Sekcia má pravdepodobne vlastnú farbu nastavenú priamo v nej (prázdna hodnota sa dedí z globálnej palety, vyplnená ju prekryje).
- Nové logo sa nezobrazuje v pätičke. Pätička používa samostatné pole Logo pre pätku — bez neho preberá hlavné logo, ale ak je vyplnené staré, treba ho aktualizovať zvlášť.
- Zaoblenie tlačidiel sa zmenilo, ale karty zostali staré. Ide o štyri nezávislé nastavenia — zmeňte aj Zaoblenie kariet a obrázkov.
- Variant v zozname sa v náhľade nezobrazí inak. Overte, že ste zmenu uložili a že sa pozeráte na náhľad, nie na starú publikovanú verziu.