Napredni tokeni

Napredni tokeni su CSS varijable koje upravljaju izgledom tvog dućana: boje, fontovi, veličine teksta, razmaci, zaobljenost. To je najfiniji sloj uređivanja koji builder nudi, ispod Izgleda (koji slaže sadržaj) i Teme (koja bira gotov stil).

Kad ti trebaju napredni tokeni? Jednostavni način pokriva 14 postavki: 4 boje, font, zaobljenost, prozračnost i prekidače za dijelove stranice. Ako ti to dovoljno, napredne tokene nikad ne moraš otvoriti. Dosežeš ih tek kad ti treba nešto što jednostavni način ne nudi: boja koja vrijedi samo za naslovni blok, drukčiji razmak samo na košarici, ili razlika između desktop i mobilne vrijednosti.

Gdje ih nalaziš

Napredni tokeni žive na kartici „Predlošci" ekrana Tema, kao vizualni uređivač po tipu predloška: nema više zasebnog dijaloga ni odvojenog editora izvornog koda. Uređivanje traži ulogu upravitelj ili vlasnik dućana, isto kao ostatak buildera.

Lijevo je živi pregled dućana, desno popis ciljeva: tipovi sekcija („Naslovni blok", „Česta pitanja"…) i tipovi stranica („Početna stranica", „Kategorija", „Proizvod", „Košarica"…). Klik na cilj otvara njegov obrazac s poljima za boje, fontove, razmake i slično.

Vizualni uređivač na kartici „Predlošci": lijevo pregled, desno popis ciljeva i obrazac odabranog cilja s poljima za bojesrcset="/pomoc/slike/napredni-tokeni-1x.png 1x, /pomoc/slike/napredni-tokeni.png 2x"> prema Dijelovima stranice, gdje tokene mijenjaš na jednoj konkretnoj sekciji koju si dodao u nacrt: izmjena na kartici „Predlošci" vrijedi za svaku stranicu ili sekciju tog tipa odjednom. Promijeniš li boju pozadine na cilju „Naslovni blok", mijenja se na baš svakom naslovnom bloku, na svakoj stranici koja ga ima. Promijeniš li razmak na cilju „Košarica", mijenja se na cijeloj stranici košarice, jer je „Košarica" tip stranice, ne sekcije.

Klikom na cilj otvara se njegov obrazac. Svaka izmjena odmah se sprema u nacrt tog cilja i pregled se osvježava; gumb „Spremi" zapisuje izmjene, a gumb „Vrati na temu" uz pojedino polje briše override tog polja i vraća ga na naslijeđenu vrijednost teme.

Dvanaest grupa, ne tri razreda

Obrazac grupira tokene u dvanaest cjelina: „Ovaj predložak" (postavke specifične za taj tip, npr. razmak unutar naslovnog bloka), Boje, Font, Zaobljenost, Prozračnost, Tipografija, Okviri i sjene, Raspored, Slike, Gumbi, Animacije, Ostalo. Isto grupiranje koriste i pojedinačna sekcija u Dijelovima stranice i Studio prilagodbe teme, pa izgled obrasca prepoznaješ posvuda u builderu.

Unutar grupe „Boje" i dalje vrijedi razlika iz kataloga tokena:

Prekidač uređaja: druga vrijednost za mobitel

Iznad obrasca, kad katalog za taj cilj ima ijedan token s mobilnom vrijednošću, stoji prekidač „Desktop" / „Mobitel". Isti prekidač dijeli stanje s pregledom lijevo: odabereš li „Mobitel", pregled se odmah suzi na 390 piksela širine, a obrazac ti pokazuje (i pušta te da mijenjaš) baš mobilnu vrijednost tog tokena. Otvoriš li obrazac dok je pregled već na mobitelu, uređivač se sam otvara na mobilnim vrijednostima.

Ne mijenja svaki token mobilnu vrijednost zasebno: samo oni koje katalog za to označi. Ostali tokeni (npr. boje) vrijede jednako na oba uređaja.

Prekidač svijetli/tamni je samo za pregled

Iznad popisa ciljeva stoji i prekidač „Svijetli" / „Tamni": mijenja samo način prikaza u živom pregledu (i izvor naslijeđenih vrijednosti prikazanih uz svako polje), ne sloj u koji izmjena ide. Za razliku od Studija prilagodbe teme, gdje boje idu odvojeno u svijetli i tamni sloj, izmjena tokena po tipu predloška vrijedi jednako za oba načina prikaza: jedan redak, jedna vrijednost.

Kad token ništa ne mijenja na dućanu

Neki tokeni iz kataloga trenutno nisu ožičeni ni u jedno CSS pravilo: sprema ih se i ostaju valjan zapis, ali kupac ništa ne vidi. Primjer je --boja-sekundarna (vođeni token bez ijednog pravila koje ga čita) i dio tipografske ljestvice (--font-velicina-h2 do -h4, -malo), namjerno neožičen dio te ljestvice. Takav token u obrascu nosi napomenu „Ova postavka se sprema, ali trenutno nema učinka: nijedno pravilo je još ne koristi." Namjerna formulacija: nije riječ o kvaru CMS-a, nego o tokenu koji (za sada) nema pravilo koje bi ga pročitalo.

Napomena „nema učinka" uz token koji još nije ožičen ni u jedno CSS pravilosrcset="/pomoc/slike/napredni-tokeni-nema-ucinka-1x.png 1x, /pomoc/slike/napredni-tokeni-nema-ucinka.png 2x">alete teme. Nedovoljan kontrast blokira spremanje i javlja grešku umjesto tihog prihvaćanja; ako je izmjena namjerna (npr. testiraš namjerno slabiji kontrast), moraš je prvo popraviti prije nego uređivač pusti dalje.

Napredni tokeni na Free paketu

Napredno podešavanje po tipu predloška dostupno je samo trgovcu na Pro ili Enterprise paketu, ali gate je po tokenu, ne blanket-zaključavanje cijele kartice: karticu „Predlošci" vidiš i na Free paketu, a jednostavni tokeni (isti mali skup koji nudi i Izgled) ostaju uređivi. Napredni tokeni ostaju vidljivi, ali su im kontrole isključene: vrijednost i dalje vidiš, samo je ne možeš promijeniti dok ne nadograđuješ paket.

Dućan na Free paketu koji je nekad bio na Pro paketu i tada postavio napredne tokene ih zadržava aktivnima na živom dućanu. Pad na Free ne gasi ništa što je već postavljeno, samo zaključava daljnje uređivanje. Nadogradnjom natrag na Pro ili Enterprise kontrole se opet otključavaju, na istim vrijednostima kakve si ostavio.

Vidi Paketi za razlike između Free, Pro i Enterprise paketa.

Povezane stranice

Galerija gotovih temasrcset="/pomoc/slike/tema-galerija-1x.png 1x, /pomoc/slike/tema-galerija.png 2x">-weight-700 text-card leading-tight tracking-tight color-fg max-lines-2 m-0">TemaOdaberi gotovu temu, svijetli ili tamni način prikaza i cjelokupan vizualni dojam trgovine, a napredne predloške otvori samo kada želiš intervenirati u kod.Biratelj vrsta sekcijasrcset="/pomoc/slike/izgled-sekcije-1x.png 1x, /pomoc/slike/izgled-sekcije.png 2x">eight-700 text-card leading-tight tracking-tight color-fg max-lines-2 m-0">Dijelovi straniceUpoznaj dijelove koje možeš složiti u builderu, od hero bloka i galerije do proizvoda, najnovijih članaka, čestih pitanja i poziva na kupnju.Paketi i cijenesrcset="/pomoc/slike/web-landing-1x.png 1x, /pomoc/slike/web-landing.png 2x">font-weight-700 text-card leading-tight tracking-tight color-fg max-lines-2 m-0">PaketiUsporedi što Free, Pro i Enterprise uključuju, koje kvote vrijede za katalog i medije te kako CMS jasno označava funkcije vezane uz određeni paket.