Izgled dućana
Ekran Izgled slaže sadržaj stranica tvog dućana: što stoji na početnoj, što iznad kataloga, koju poruku kupac vidi prvu. To je nešto drugo od ekrana Tema, koji bira stil.
| Ekran | Za što je |
|---|---|
| Tema → „Izgled dućana" | biraš jednu od dvije gotove teme |
| Izgled | slažeš dijelove stranica: naslovni blok, mreža proizvoda, česta pitanja… |
| Tema → „Predlošci" | uređuješ izvorni kod teme (napredno, traži znanje) |
Prebacivanje između dvije gotove teme na ekranu Tema ne dira nijednu sekciju koju ovdje složiš. Tvoje sekcije, njihove postavke i CSS tokeni pripadaju tvom dućanu, ne trenutačno odabranoj temi, pa promjena teme ne briše ni ne resetira ono što je ovdje spremljeno.
Dijelovi od kojih se stranica slaže zovu se sekcije. Ima ih dvadeset (15 slobodnih + 3 obavezne srž naplate i stranice proizvoda + 2 u paru zaglavlje/podnožje): petnaest slobodno biraš, tri su obavezna srž naplate i stranice proizvoda, a zaglavlje i podnožje su poseban par. Slažeš ih isto kroz builder, ali svaki dućan smije imati najviše po jedno, i ako ih ne složiš sam, dućan i dalje prikazuje ugrađeno zadano zaglavlje/podnožje umjesto praznine. Svaka je opisana na stranici Dijelovi stranice.
Dva načina rada
Builder ima jednostavni i napredni način, i prebacuješ se prekidačem na vrhu ekrana. Nije riječ o istom ekranu s manje gumba. Prekidač mijenja cijelo tijelo ekrana.
Jednostavni način za trgovca koji ne želi ništa slagati
Nekoliko odluka na jednom ekranu:
- Boje: glavna, akcent, pozadina i boja teksta. Glavna, pozadina i tekst su ulaz u boja-matematiku iz koje dućan izvede sedam ostalih tonova (površine, rubovi, suptilan tekst). Akcent ostaje izravno postavljena boja i u taj izvod ne ulazi. Prikazane su kao pločice koje samo gledaš. Ne moraš ih dirati i ne možeš ih pokvariti.
- Font: „kako tema predviđa", „isti font svugdje" ili sistemski font.
- Zaobljenost: koliko su gumbi i kartice zaobljeni.
- Prozračnost: zbijeno, kako tema predviđa, ili prozračno.
- Što se prikazuje: prekidači za dijelove početne i za dijelove koji se vide na svakoj stranici.
Boje, font, zaobljenost i prozračnost gore pokrivaju ukupno 14 CSS tokena koje jednostavni način smije mijenjati (4 boje, 2 fonta, 3 zaobljenosti, 5 razmaka). Prekidači „Što se prikazuje" su uz njih, ali se ne broje u tih 14. Ima ih onoliko koliko trgovac ima dijelova stranice. Riječi „sekcija" i „zona" na tom ekranu nema.
Dok biraš boje, ispod birača stoji omjer kontrasta para koji upravo tipkaš. Crveno upozorenje znači da bi tekst bio teško čitljiv. Bolje je to vidjeti prije spremanja nego nakon objave.
Kod fonta, zaobljenosti i prozračnosti prva ponuđena opcija je uvijek „Kako tema predviđa": biraš je da vratiš tu postavku na platformsku vrijednost teme, umjesto da je držiš na nekoj ranije odabranoj vrijednosti. To vrijedi i kad je postavku prije toga netko mijenjao u naprednom načinu (vidi „Prilagođeno" niže). Biranjem „Kako tema predviđa" briše se taj prilagođeni zapis.
Napredni način s punom kontrolom
Napredni način dodaje:
- izbor stranice: Početna, Kategorija, Proizvod, Pretraga, Stranica, Blog, Stranica 404, Naplata i Okvir (ono što se vidi na svakoj stranici).
- slaganje sekcija: dodavanje, brisanje, premještanje gore/dolje i sve postavke pojedine sekcije.
- izbor izgleda (varijante): unutar postavki sekcije biraš izgled koji prikazuje. Ponuđeni su samo oni koje ta vrsta stvarno ima, a ako ih ima samo jedan, odabir se ne prikazuje.
- svih 44 tokena stila, ne samo 14 postavki jednostavnog načina: puni katalog (7 vođenih, 7 izvedenih, 30 slobodnih tokena) opisan je na stranici Napredni tokeni.
Zaglavlje i podnožje se slažu kao sekcije, ne kao fiksni dio teme
Otvori stranicu „Okvir (zaglavlje i podnožje)" u izborniku stranica naprednog načina. Tu se, uz traku najave, sada slažu i zaglavlje i podnožje dućana, potpuno istim obrascem kao svaka druga sekcija: dodaješ, uređuješ postavke, i premještaš gore/dolje unutar zone ako ih ima više. Svaka od te dvije zone (ZAGLAVLJE, PODNOŽJE) prima najviše jednu sekciju: dva zaglavlja na istom dućanu nema smisla, pa builder drugu ne nudi.
Ovo je napredni način. Jednostavni ekran zaglavlje i podnožje ne dira.
⚠ Ako nikad nisi otvorio ovu zonu, dućan ne izgleda drukčije. Dok zaglavlje ili podnožje nisi sam složio, dućan i dalje servira ugrađeno zadano zaglavlje/podnožje, isto koje je uvijek postojalo. Tek kad dodaš sekciju u tu zonu, tvoje postavke preuzimaju prikaz.
⚠ Ručno mijenjan predložak „Okvir" (layout) prekida i ovu vezu. Ako si u Temi → Predlošci ikad ručno uredio predložak
layout, on može izgubiti mjesto na koje se zaglavlje/podnožje iz buildera uopće umeću. U tom slučaju sve što ovdje složiš dućan jednostavno ne prikazuje, bez ikakve pogreške pri spremanju. Ekran Teme to prijavljuje zasebnom karticom upozorenja („Postavke izgleda ne stižu do tvog dućana") čim layout odstupi od platformskog. Rješenje je vraćanje platformske verzije predloškalayout.
Prijelaz između načina ništa ne gubi
Oba načina pišu u isto mjesto, pa prolazak kroz jednostavni ekran ne briše napredni rad. Jednostavni ekran ne dira ono što ne prikazuje.
Ako je netko u naprednom postavio nešto što jednostavni ne pozna, na vrhu piše koliko takvih izmjena postoji i da ostaju netaknute, a odgovarajuća skupina odluka dobiva oznaku „Prilagođeno", bez ijedne označene ponuđene opcije, da prvi klik ne bi pregazio ono što je već složeno.
Nacrt, pregled, objava
Izmjene nisu odmah javne. Sve što spremiš ide u nacrt, tvoju privatnu kopiju. Kupci i dalje vide zadnju objavljenu verziju.
Nacrt smiješ spremiti i nedovršenog, npr. dodaš dio i odeš prije nego upišeš sve što taj dio treba. Ništa se ne gubi: ostaje te čekati u nacrtu točno ondje gdje si stao. Dućan ga jednostavno neće vidjeti dok ga ne dovršiš i objaviš.
Tri gumba u alatnoj traci:
| Gumb | Što radi |
|---|---|
| Pogledaj nacrt | otvara tvoj dućan u novom tabu, s nacrtom umjesto objavljenog |
| Odbaci nacrt | vraća nacrt na ono što je zadnje objavljeno. Poništava sve što si u međuvremenu složio |
| Objavi | nacrt postaje ono što kupci vide |
Pregled nacrta
Klik na „Pogledaj nacrt" otvara tvoj dućan s trakom „PREGLED NACRTA: kupci ovo ne vide" na vrhu. Poveznica vrijedi 30 minuta, ne indeksiraju je tražilice i ne završava u dijeljenom cacheu. Nitko drugi je ne može slučajno dobiti. Ako klikneš dalje s početne (npr. na kategoriju), vidiš normalnu, objavljenu stranicu bez trake.
Na desktop verziji CMS-a (macOS aplikacija) preglednik se ne otvara sam. Umjesto toga dobiješ dijalog s poveznicom za ručno kopiranje, uz isti rok od 30 minuta. U web verziji, ako ti preglednik blokira skočni prozor, CMS te samo obavijesti da je otvaranje blokirano. Pokušaj ponovno nakon što dopustiš skočne prozore za ovu stranicu.
⚠ Pregled zasad pokriva samo početnu stranicu. Ostale stranice se u pregledu prikazuju onako kako su objavljene.
Objava
Objava je jedan korak i tri stvari odjednom: nacrt postaje javan, upisuje se u povijest i dućan odmah počinje posluživati novi izgled.
Prije nego što išta postane javno, poslužitelj probno renderira svaku sekciju nacrta. Ako neka ne prolazi, objava se odbija porukom koja imenuje koji dio i koje polje treba doraditi, i ništa se ne mijenja. Tvoja živa trgovina nikad ne ostaje slomljena.
U builderu ćeš već unaprijed vidjeti koje sekcije nisu gotove: kartica sekcije nosi crvenu oznaku "Nedovršeno" s točnim poljem koje nedostaje. Gumb "Objavi" je zaključan dok takvih sekcija ima. Držiš miš ili dodir iznad njega da vidiš poruku koja imenuje sekcije koje trebaš doraditi. Tek kad popuniš obavezna polja na svim sekcijama, "Objavi" se otključava.
Isto tako se provjerava kontrast boja. Osam parova se mjeri (osnovni tekst, kartice i footer, tekst u gumbima, linkovi i cijene, suptilni tekst, poruke o greškama, primarna na svojoj svjetlijoj varijanti, poruke o uspjehu). Slab kontrast daje upozorenje, a jako slab (ispod omjera 3:1) zaustavlja objavu, uz gumb „Objavi svejedno" za slučaj da znaš što radiš. Gaženje se zapisuje u trag radnji.
Dvije granice koje treba znati:
- najviše 6 objava na sat po dućanu. Petlja „objavi pa pogledaj" nije način rada. Za to je „Pogledaj nacrt".
- kad objavi netko drugi, a ne vlasnik dućana, vlasnik dobiva mail o objavi.
Povijest i vraćanje unatrag
Svaka objava upisuje snimku cijelog izgleda. Čuva se zadnjih 20 objava. Starije ispadaju.
Povijest pokazuje tko je objavio i kada, a za svaku objavu i što se promijenilo: po stranici koliko je dijelova dodano, uklonjeno i izmijenjeno (uz njihova imena), te puni popis promijenjenih postavki stila sa starom i novom vrijednošću.
Vraćanje unatrag radi ovako:
- odabereš raniju objavu i potvrdiš.
- ta snimka se upiše u nacrt, pa prolazi istu provjeru kao svaka objava, zato što stara snimka može nositi nešto što danas više ne postoji.
- ako provjera prođe, sadržaj se objavi i kupci ga odmah vide.
⚠ Vraćanje briše tekući nacrt, isto kao „Odbaci nacrt". Sve što si složio a nisi objavio se gubi. Vraćanje je i samo objava: troši istu kvotu od 6 na sat i upisuje se u povijest kao nov redak.
Premještanje dijela gore ili dolje u razlici izlazi kao dvije izmjene, ne kao „isti dio na drugom mjestu". Dvije sekcije iste vrste na istoj stranici su posve normalne, pa se ne pretpostavlja da su iste.
Povijest otvaraš gumbom u alatnoj traci buildera. Prikazuje se kao dijalog nad nacrtom koji trenutno gledaš, ne kao zasebna stranica.
Free, Pro i Enterprise
| Free | Pro | Enterprise | |
|---|---|---|---|
| Jednostavni način | ✓ | ✓ | ✓ |
| Napredni način | ✗ | ✓ | ✓ |
Na Free paketu prekidač načina stoji na jednostavnom i ne da se pomaknuti.
Na Free paketu smiješ: mijenjati 14 postavki jednostavnog načina (boje, font, zaobljenost, prozračnost), uređivati postavke dijelova koji već postoje i ukloniti dio.
Na Free paketu ne smiješ: dodati nov dio, premjestiti ga ni promijeniti mu izgled (varijantu). Pokušaj vraća poruku koja to izrijekom kaže. Ništa se ne sprema i postojeći raspored ostaje netaknut.
⚠ Gasi od dna prema vrhu. Gašenje dijela koji nije zadnji u svojoj skupini pomiče sve ispod njega, a pomicanje je napredna radnja, pa spremanje bude odbijeno porukom o Pro paketu. Kreni od zadnjeg dijela prema gore i proći će.
Što se događa kad padneš s Pro na Free
Ništa ne nestaje s dućana. Raspored koji si složio na Pro paketu i dalje se renderira kupcima. Pad na Free zaključava uređivanje, ne prikaz. To je svjesna odluka i u kodu je čuvana zasebnim testom, da je netko kasnije ne poništi „radi dosljednosti".
Konkretno, nakon pada na Free:
- dućan izgleda isto kao dan prije.
- otvaranjem Izgleda dobivaš jednostavni ekran, i na njemu vidiš dijelove koje si složio.
- možeš im mijenjati postavke i možeš ih ugasiti.
- ne možeš dodati nove ni ih presložiti.
⚠ Gašenje dijela na Free paketu je jednosmjerno. Vraćanje ugašenog dijela traži Pro, pa potvrda pri gašenju to i kaže. Ako nisi siguran, ne gasi.
Nadogradnjom natrag na Pro sve se otključava. Ništa se u međuvremenu nije izgubilo.
Granice po stranici
| Granica | Vrijednost |
|---|---|
| Dijelova po stranici | najviše 20 |
| Dijelova koji dohvaćaju podatke (proizvodi, recenzije, blog) | najviše 10 po stranici |
| Ukupna veličina postavki po dućanu | 256 KB |
| Objava | 6 na sat |
| Snimaka u povijesti | 20 |
Granica od deset „podatkovnih" dijelova postoji zato što svaki od njih traži nešto iz baze pri izradi stranice. Česta pitanja i prednosti se ne broje u tu granicu, iako i one imaju logiku iza sebe.
Tko smije uređivati izgled
Izgled smiju uređivati vlasnik i upravitelj. Djelatnik nema pristup nijednom dijelu buildera, ni čitanju ni objavi.
Gdje se sekcije stvarno pojavljuju
Nisu sve stranice jednako otvorene. Danas se sekcije prikazuju ovako:
| Stranica | Gdje sekcije rade |
|---|---|
| Okvir (svaka stranica) | traka najave, zaglavlje i podnožje |
| Početna, Kategorija, Proizvod, Pretraga, Stranica, Blog | iznad, u glavnom dijelu, ispod i na dnu |
| Stranica 404, Naplata | zasad se ne prikazuju |
Povezane stranice
