Kde tieto nastavenia žijú
Značka sa konfiguruje na jednotlivý trh a v rámci trhu ovplyvňuje každú stránku naraz. Otvorte zostavovač, vyberte trh tlačidlom trhov (vlajka krajiny) v hornej časti ľavého bočného panela, potom otvorte kartu Nastavenia (ikona ozubeného kolieska). Nastavenia majú vlastné podkarty v tomto poradí: Značka, Farby, Písma, Rozloženie, Animácie, Automatizácie, Vstupy, Ikony, Zákazy, Pokladňa, Formulár pokladne, Stránka údržby, Vlastné CSS a Vlastný Javascript. Zmeny sa vzťahujú na trh, ktorý ste vybrali, a stanú sa živými, keď kliknete na Publikovať. Prepnutie trhov znova načíta vlastné farby, písma a rozloženie daného trhu.
Farebné schémy
Karta Farby obsahuje až 9 farebných schém. Keď dosiahnete limit, karta pridania sa zmení na deaktivovaný odznak počtu ako 9/9. Každá sekcia, blok a komponent odkazuje na jednu schému podľa jej čísla, takže zmena farieb schémy okamžite preštýluje každú sekciu, ktorá ju používa, naprieč všetkými stránkami. Kliknite pravým tlačidlom na kartu schémy, aby ste ju duplikovali alebo odstránili.
Roly farieb v každej schéme
Každá schéma definuje tieto roly, všetky nastavené ako hexadecimálne hodnoty:
- Pozadie: hlavné pozadie sekcie.
- Vnútorné pozadie: tónované pozadie pre karty a vnorený obsah vnútri sekcie.
- Nadpis: farba textu nadpisov.
- Text: farba textu odsekov a tela.
- Dôležitý text: zvýraznený text, ako sú ceny a vyzdvihnuté hodnoty.
- Odkazy a Odkazy pri prechode: farba hypertextového odkazu v jeho normálnom stave a pri prechode kurzorom.
- Orámovanie: orámovania prvkov a deliace čiary.
- Obrys: fokusové prstence a akcentové obrysy, ktoré musia vyniknúť viac ako orámovania.
- Tieň: farba tieňa rámčeka (zvyčajne polopriehľadná).
- Primárne tlačidlo: pozadie, text a orámovanie, každé s vlastnou samostatnou farbou pri prechode (spolu 6 hodnôt).
- Sekundárne tlačidlo: pozadie, text a orámovanie, každé s vlastnou samostatnou farbou pri prechode (spolu 6 hodnôt).
- Vstup pozadie, text, orámovanie a štítok: štýlovanie polí formulára.
- Pozadie vstupu pri prechode: pozadie vstupu, keď zákazník prejde kurzorom nad poľom.
Tipy na silné schémy
- Udržiavajte neutrálne svetlé Pozadie na väčšine sekcií a vyhraďte odvážne farby pre jednu akcentovú schému na hero a sekciách s výzvou na akciu.
- Urobte Pozadie primárneho tlačidla jasne odlišné od Pozadia sekcie, aby tlačidlo vyniklo.
- Nastavte Vnútorné pozadie ako mierny odtieň hlavného Pozadia, aby sa karty čítali ako oddelené bez rušivosti.
- Snažte sa o kontrast aspoň 4,5:1 medzi textom a jeho pozadím.
Písma
Karta Písma mapuje štyri roly, každú na rodinu písiem:
- Telo: text odsekov a popisy.
- Nadpis: všetky nadpisy naprieč obchodom.
- Podnadpis: sekundárne tituly a podnadpisy sekcií.
- Akcent: štýlové písmo pre ceny, odznaky a dekoratívne zvýraznenie.
Dostupné písma: Inter, Helvetica, SF Mono, New York, System UI, Roboto, Open Sans, Lato, Montserrat, Poppins, Raleway, Nunito, Merriweather, Playfair Display, Lora, PT Sans, PT Serif, Quicksand, Space Grotesk, DM Sans, Syne, Manrope, Outfit, Urbanist, Oswald, Bebas Neue, Abel, Abril Fatface a Acme. Pre obchody s arabským obsahom je každé písmo automaticky spárované s vyhovujúcim arabským náprotivkom, takže arabské písmo nevyberáte samostatne.
Šírka stránky
Karta Rozloženie má posuvník Šírka stránky, ktorý nastavuje maximálnu šírku hlavnej mriežky obsahu, od 900 do 1400 px v krokoch po 100 (teda 900, 1000, 1100, 1200, 1300 alebo 1400; predvolená je 1200). Sekcie nastavené na šírku Stránka sú obmedzené na túto hodnotu; sekcie nastavené na Plnú vždy zaberajú celé zobrazovacie pole bez ohľadu na to. Na zobrazovacích poliach užších ako zvolená šírka sa sekcie zmršťujú, aby vyplnili 100 % obrazovky.
Logo
Logo sa nastavuje na dvoch miestach: v bloku Logo vnútri sekcie Hlavička a v bloku O nás v päte. Kliknite na blok, potom použite jeho výber obrázka Logo na výber obrázka z knižnice médií alebo nahranie nového. Po výbere nastavte zobrazenú Šírku a Výšku (každú 20 až 300 px); druhý rozmer sa automaticky škáluje, aby zachoval pomer strán. Logo hlavičky je predvolene 120 px široké a 50 px vysoké a môžete nastaviť jeho vodorovnú polohu (vľavo, na stred alebo vpravo) a odsadenie. Predvolene logo hlavičky odkazuje na domovskú stránku; môžete ho urobiť čisto dekoratívnym vypnutím prepínača Logo presmeruje na domov v skupine Hlavička karty Zákazy.
Favikona
Favikonu nastavte v karte Značka. Kliknite na Vybrať favikonu a zvoľte obrázok PNG, JPEG, WEBP alebo ICO (odporúčaná veľkosť 32x32 alebo 16x16 px). Objaví sa v kartách prehliadača a v záložkách.
Obrázok pozadia tela
Tiež v karte Značka môžete voliteľne nastaviť Obrázok tela za celým obchodom (PNG, JPEG alebo WEBP). Po výbere obrázka sa objavia dva ovládacie prvky: Veľkosť (Pokryť vyplní zobrazovacie pole s prípadným orezaním; Obsiahnuť zmestí celý obrázok) a Opakovať (keď je zapnuté, obrázok sa dláždi a posúva so stránkou; keď je vypnuté, jediný obrázok zostáva pevný v zobrazovacom poli, kým sa obsah posúva nad ním). Použite výrazne komprimovaný obrázok, aby ste nespomalili načítanie stránky.
Vlastné CSS a JavaScript
Pre zmeny, ktoré štandardné nastavenia nedokážu urobiť, karta Vlastné CSS a karta Vlastný Javascript každá prijíma až 1 000 znakov, ktoré sa vkladajú a spúšťajú na každej stránke obchodu. Používajte ich striedmo. Pre štýlovanie obmedzené na jednu sekciu má každá sekcia tiež vlastnú kartu Vlastné CSS vo svojom ovládacom paneli, čo je bezpečnejšie ako celostránkové pole.