Izgled i brzina

Trgovina mora izgledati vjerodostojno i učitavati se brzo na svakom uređaju. WebShopHR ne drži izgled u nekom drugom servisu. Teme, predlošci, fontovi i slike dolaze iz vlastitog koda, pa se razvoj ne zaustavlja na granici onoga što plugin dopušta.

Teme koje se ne lome

U CMS-u se odabire jedna od dvije gotove teme (WebShopHR Default ili Vintage Market). Izmjena ne ide preko dodatnog zahtjeva niti čeka na istek keša. Odabir se odmah vidi na svim domenama trgovine.

Sve teme dijele istu strukturu stranice i istu bazu stilova: promjena teme zamijeni samo paletu (boje, font, zaobljenost), dok se raspored elemenata ne mijenja. To znači da ispravak predloška vrijedi za obje teme odjednom i da se pristupačnost ne može slučajno pokvariti na jednoj paleti.

Ako trgovac želi dirati predloške, CMS mu nudi editor. Prvo spremanje stvara vlastitu kopiju teme, a platformska ažuriranja se propagiraju samo u predloške koje nije mijenjao. Novi predložak se ne objavljuje dok ne prođe parsiranje i probni render. Pokvaren predložak ne može srušiti živi dućan.

Pristupačnost bez marketinga

Ne tvrdimo formalnu usklađenost smjernicama pristupačnosti. Navodimo samo ono što se može vidjeti u izvornom kodu stranice.

Svaka stranica ima jezik postavljen na hrvatski, pa čitač ekrana koristi hrvatski izgovor za č/ć/ž/š/đ. Stranica koristi semantičke elemente: zaglavlje, navigacija, glavni sadržaj, podnožje, članci, odjeljci i tabele s vidljivim zaglavljem.

Fokus prsten je dosljedan na svim elementima. U temama se fokus nikad ne gasi, a boja teksta na gumbima automatski se bira prema stvarnoj svjetlosti primarne boje, tako da tekst ostane čitljiv bez obzira na to je li tema svijetla ili tamna.

Polja u naplati imaju pripadajuće natpise unutar istog elementa, a grupe odabira plaćanja, dostave, kupona, poklon bona, R1 podataka i osobnih podataka su logički grupirane s vidljivim naslovom grupe. Polja koriste ispravne vrste unosa: e-mail, lozinka, pretraga, brojčana vrijednost. Na mobitelu OIB otvara numeričku tipkovnicu, a iznos bona decimalnu.

Dekorativne ikone i zvjezdice ocjena su sakrivene od čitača, dok slike artikala nose opisni tekst iz kataloga. Cookie traka je označena kao dijalog s jasnom oznakom, a pretraga i košarica imaju opisne oznake. Chat je izgrađen oko nativnog elementa za otvaranje/zatvaranje, pa se koristi tipkovnicom bez obzira na JavaScript.

Mobilni overflow audit automatski provjerava svaku temu na osam ključnih stranica na uskim širinama. Ako bilo koja kombinacija pokaže horizontalni scroll, alat izlazi s greškom.

Tabele na mobitelu postaju horizontalno skrolabilne, veličina slova prilagođava se širini, a slikovni okviri imaju fiksan omjer kako bi se izbjeglo pomicanje sadržaja. “Nema na zalihi” prikazuje se tekstom, onemogućenom opcijom u padajućem izborniku i onemogućenim gumbom. Ne samo promjenom boje.

Brzina koja se vidi

Cijeli dućan renderira se na poslužitelju i šalje kao HTML. Osnovni tokovi (košarica, naplata, pretraga, recenzije, povrat, privola) rade kao obični obrasci čak i bez JavaScripta. Jedina dodatna JavaScript knjižnica učitava se odgođeno, a chat se pojavljuje tek na Enterprise paketu kao mali dodatni file.

Svi fontovi dolaze s vlastitog poslužitelja, bez Google Fontsa. Dok se vlastiti font učita, preglednik prikazuje zamjenski font. Latinični i hrvatski dijakritički subsetovi učitavaju se odvojeno, pa se prošireni latinični skup preuzima samo kad stranica sadrži č/ć/ž/š/đ. Default tema koristi varijabilni font pa pokriva više težina manjim brojem datoteka.

Slike se ne serviraju kao originalni upload: idu kroz proxy za slike koji ih automatski pretvara u WebP, skalira na traženu širinu i potpisuje URL. Ako proxy nije uključen, fallback je na vlastitu rutu za slike. Svaka slika ima zadane dimenzije, a one ispod preloma se učitavaju lijeno.

Full-page keš za goste radi generacijski: promjena teme ili sadržaja podiže verziju, a stari zapisi istječu sami, tako da se nikad ne radi masovno brisanje cijelog keša. Na hladnom kešu konkurentni zahtjevi za istu stranicu spajaju se u jedan render. Drugi kupci dijele gotov HTML, a svaki ipak dobije vlastiti sigurnosni token. Ako keš sloj otkazuje, dućan se nastavlja renderirati iz baze.

Statika se servira s otiskom sadržaja u URL-u i odgovarajućim zaglavljima, pa se ažuriranje ne može zaglaviti na staroj verziji. Košarica u međuspremniku drži samo količine. Cijene se uvijek čitaju iz kataloga, tako da gost nikad ne vidi zastarjelu cijenu. Ako jedan dio koda pukne, ne ruši cijeli poslužitelj.