Ekran Tema upravlja izgledom tvoje trgovine i ima dvije kartice: „Izgled dućana" (gotove teme, bez koda) i „Predlošci" (napredno uređivanje predložaka). Većini trgovaca dovoljna je prva kartica.
Zadana kartica je galerija gotovih tema. Odabir teme je bez koda: klikneš karticu željene teme, potvrdiš i tema se odmah primijeni na živom dućanu. Nije potrebno nikakvo poznavanje HTML-a.
Trenutačno je dostupno 13 gotovih tema, svaka sa svojom paletom boja i tipografijom:
| Tema | Opis |
|---|---|
| WebShopHR Default | Plava, dotjeran |
| Editorial | Serif magazine |
| Atelier | Craft boutique, krem + šumsko zelena |
| Soft Commerce | Lavender, pill buttons |
| Dense Catalog | B2B sidebar filter |
| Luxury Noir | Crno-zlatna |
| Nordic Light | Skandinavski minimal |
| Street Pulse | Tamna, neon |
| Organic Earth | Eco, zemljani tonovi |
| Sport Edge | Plava + narančasta |
| Neon Tech | Dark mode, cyan glow |
| Vintage Market | Retro 70s |
| Playful Pop | Fredoka, koral + mint |
Aktivna tema označena je oznakom „Aktivna" i njezinu karticu ne možeš ponovno kliknuti.
Promjena je trenutačna i vidljiva kupcima odmah. Ako želiš eksperimentirati bez rizika, isprobaj temu na Staging kopiji shopa (Enterprise) pa je tek onda promoviraj.
Druga kartica, „Predlošci", namijenjena je naprednim korisnicima: tu uređuješ
izvorni kod predložaka od kojih je tema složena (npr. layout i predlošci
pojedinih stranica). Zahtijeva poznavanje sintakse predložaka i nije potrebna za
korištenje gotovih tema iz galerije.
Lijeva kolona prikazuje popis predložaka; klik na predložak otvara njegov izvorni kod u editoru s desne strane, gdje ga uređuješ i spremaš.
Dok nisi ništa promijenio, tvoja trgovina koristi platformsku temu — istu koju dijele svi trgovci bez prilagodbe. Čim prvi put spremiš izmjenu bilo kojeg predloška, WebShopHR automatski napravi kopiju cijele teme samo za tvoju trgovinu i spremi izmjenu u tu kopiju. Od tog trenutka uređuješ isključivo svoju temu — izmjene više ne utječu na druge trgovce, niti platformska ažuriranja utječu na tvoju prilagođenu temu.
Kad spremiš predložak, WebShopHR ga prije spremanja provjeri — parsira ga i probno renderira s testnim podacima. Ako predložak sadrži grešku (npr. nevaljanu sintaksu ili poziv na nepostojeći dio predloška), spremanje se odbija i odmah vidiš crvenu poruku o grešci s objašnjenjem — umjesto da ti trgovina ostane slomljena nakon spremanja. Tvoja živa trgovina tako nikad ne ostaje s neispravnim predloškom: loša izmjena jednostavno ne prođe spremanje dok je ne ispraviš.
