NUFO · Návod pre grafika — Správca motívov

Načo to je

Web nufak.nufo.sk nie je obyčajný e-shop so statickými produktmi. Každé tričko sa skladá naživo: zákazník si vyberie motív → typ odevu → farbu textilu → farbu & veľkosť potlače → veľkosť, a konfigurátor mu okamžite ukáže náhľad a cenu. Aby tie kombinácie dávali zmysel (a aby sa nedali zvoliť nezmysly), ty ako grafik pre každý motív nastavíš, čo je povolené. To všetko sa deje v Správcovi — žiadne programovanie, len klikanie.

Tri nástroje

Správca motívov

Hlavný nástroj grafika. Pre každý motív: povolené farby, varianty potlače, rozmery, default kombinácia, validácia.

Otvoriť →

Admin / DB

Paleta fólií (SISER, ORACAL…), materiály, farby tričiek, ceny, WooCommerce, export celej databázy.

Otvoriť →

Produkcia

Z objednávok → job ticket pre tlač: spotreba materiálu, operácie (rezanie/print-cut fólie).

Otvoriť →

Prihlásenie (zatiaľ): používateľ IGI, heslo IGI. Je to dočasná ochrana — ostré heslá nastavíme pred spustením.

Ako pridať / upraviť motív (krok za krokom)

V Správcovi motívov má editor záložky — poradie zodpovedá tomuto postupu:

ZÁKLADNÉ — ID motívu (napr. SKULL), názov, príplatok, aktívny/špeciálny. Tu pridáš aj varianty potlače (každá farba/efekt = 1 variant).

PRODUKTY (Tričko / Mikina / Dl. rukáv) — pre každý typ zapneš dostupnosť a vyberieš: povolené farby textilu, veľkosti, ktoré varianty potlače sú na ňom dostupné, veľkosť a pozícia potlače.

ASSETS — matica PNG súborov (zelená = existuje, červená = chýba) + nahratie grafiky drag&drop.

MOCKUPY — produktové fotky / kompozity pre náhľad.

VALIDÁCIA — skóre úplnosti: čo ešte chýba, než je motív pripravený na web.

JSON / EXPORT — náhľad dát motívu + uloženie do databázy (db.json), z ktorej žije celý web.

Farebné kombinácie per motív

Toto je srdce systému. Pre každý motív nastavíš tri veci:

Čo	Kde	Načo
Povolené farby textilu	záložka PRODUKTY, per typ odevu	zákazník uvidí len farby tričiek, ktoré ku grafike sadnú
Povolené farby / efekty potlače	varianty motívu + PRODUKTY	len fólie, ktoré sú na danom motíve kompatibilné
Default (základná) kombinácia	`default_garment` + `default_variant`	s čím sa konfigurátor otvorí (napr. biela potlač na čiernom tričku)

Konfigurátor potom ukáže zákazníkovi len prienik toho, čo si povolil — nedá sa zvoliť nezmyselná kombinácia.

Rozmery grafiky (originál)

Grafiku dodávaš ako PNG s priehľadným pozadím, v dvoch veľkostiach potlače, pri 300 dpi:

Veľkosť potlače	Rozmer PNG	Pomenovanie
L — veľká (chrbát / veľká predná)	3071 × 3661 px	`MOTIV_L_VARIANTA.png`
S — malá (ľavá hruď)	2126 × 2598 px	`MOTIV_S_VARIANTA.png`

Príklady: SKULL_L_WH.png (biela, veľká), NUFO_S_BK.png (čierna, malá). Pre efekty do tmy (glow/holo/reflex) existuje aj night-mode verzia s príponou _DARK (napr. SKULL_L_GITD_DARK.png), ktorú web ukáže v režime „noc".

L veľkosť = 100 % referencia; ostatné veľkosti sú z nej odvodené (konzistentné proporcie potlače na všetkých strihoch).

Špeciálne fólie

Okrem bežných farebných fólií máme aj efektové. V databáze sú palety podľa výrobcu — vyberáš z nich ako variant potlače:

Čierna / farebná (flex) Zlatá / metalická Holografická Glow-in-dark (svieti) Reflexná Strieborná Flock (zamat) Glitter

Výrobcovia v databáze: SISER, ORACAL, SISER DTF, POLI-FLEX, STAHLS. Každý efektový variant môžeš označiť ako špeciálny — vtedy sa k cene automaticky pripočíta príplatok (napr. +5 €), lebo efektová fólia je drahšia a náročnejšia na spracovanie.

Dôležité pri výrobe: fólie sa režú plotrom a nažehľujú teplom (HTV). Pri efektových (glitter, holo, flock) over v palete, že daná fólia existuje skladom a je kompatibilná s technológiou — to máš v Admin / DB → Materiály.

Podstata — ako to riadi web

Všetko, čo v Správcovi nastavíš, sa uloží do jednej databázy (db.json). Z nej žije:

Konfigurátor — ponúkané motívy, farby, veľkosti, náhľad, cena.
Landing page — sekcia „Naše dizajny" (karusel) berie motívy odtiaľ.
Košík + objednávka — cena sa prepočíta na serveri z tej istej databázy (nedá sa zmanipulovať v prehliadači).
Produkcia — job ticket a spotreba materiálu vychádzajú z tých istých variantov.

Jedno miesto pravdy → zmena v Správcovi sa prejaví všade naraz.

Výhody oproti WordPress / hotovej šablóne

Živý konfigurátor s pravidlami kombinácií — bežná WP/WooCommerce šablóna predáva pevné varianty; nevie „povolené farby potlače pre tento motív" ani náhľad potlače na zvolenej farbe v reálnom čase.
Jedna databáza pre všetko (web, košík, produkcia) — netreba duplikovať produkty a varianty v pluginoch.
Rýchlosť a čistota — ľahké HTML/JS + PHP, žiadny ťažký framework ani desiatky pluginov; stránka sa načíta rýchlo a nie je zraniteľná cez pluginy.
Vlastný dizajn a brand — vzhľad nie je zviazaný šablónou; landing a konfigurátor pôsobia ako jeden produkt, nie ako generický obchod.
Serverový prepočet cien — bezpečné (cena sa počíta na serveri, nie v prehliadači).
Produkčná logika priamo v systéme — z objednávky rovno job ticket pre tlač (fólie, rezanie), čo hotová šablóna nemá.

WordPress/WooCommerce beží v pozadí len na objednávky a e-maily; obsah a logiku riadiš ty cez Správcu, nie cez editor šablóny.