Röviden
- Admin → Design → Saját design sablonfájlból.
- AI-csomag letöltése.
- Új beszélgetés az AI-ban: csatold a csomagot, és írd le, milyen designt szeretnél.
- Másold ki az AI válaszát (a
{és}közötti teljes szöveget). - Illeszd be a feltöltő oldal nagy mezőjébe.
- Ha sárga hibalista jön: Hibák másolása az AI-nak → vissza az AI-nak → az új választ illeszd be.
- Zöld „Rendben” után nézd meg az előnézetet, majd Mentés új designként.
- Képernyők oldalon rendeld a designt a TV-hez.
Nyisd meg a feltöltő oldalt
Lépj be az adminba, a felső menüben válaszd a Design oldalt. A jobb felső sarokban, a designok listája fölött találod a Saját design sablonfájlból gombot.
Design
A megnyíló oldal három részből áll: 1. Kérd meg az AI-t, 2. Illeszd be, amit kaptál, 3. Mentés — jobb oldalt pedig az előnézet látszik.
Töltsd le az AI-csomagot
Az „1. Kérd meg az AI-t” résznél kattints az AI-csomag letöltése gombra. A gépedre letöltődik egy menufal-ai-csomag.md nevű szövegfájl.
Mi van a csomagban?
- Utasítás az AI-nak: mit kell elkészítenie, és hogy csak a sablonfájlt adja vissza.
- Szabályok: milyen elemek választhatók, milyen méretek között, és milyen erős legyen a színek kontrasztja, hogy a tábla 5–8 méterről is olvasható legyen.
- A 26 választható betű rövid jellemzéssel, és egy kész minta.
Jó tudni: a csomagot nem kell megnyitnod, kitöltened vagy átírnod — ahogy letöltődött, úgy adod oda az AI-nak. Egyszer letöltve bármennyi designhoz újra felhasználható.
Kérd meg az AI-t, hogy készítse el
Nyisd meg a választott AI-t, és kezdj új beszélgetést. Bármelyik megfelel: ChatGPT, Claude, Gemini — ingyenes változatban is.
Csatold a letöltött fájlt. A beírómező mellett általában egy + vagy gemkapocs ikon van; azzal választhatod ki a
menufal-ai-csomag.mdfájlt.Ha a csatolás nem megy: nyisd meg a fájlt Jegyzettömbbel (jobb klikk → Megnyitás ezzel → Jegyzettömb), jelöld ki az egészet Ctrl+A, másold Ctrl+C, és illeszd be a beszélgetésbe Ctrl+V.
A csatolt fájl mellé írd le egy-két mondatban, mit szeretnél, és küldd el. Az alábbi minták közül bármelyik kimásolható és átírható.
Így kérj jól. Minél konkrétabb a kérés, annál jobb az első változat. Érdemes megírni:
- a hangulatot (csárda, bisztró, kávézó, gyorsétterem, piac…);
- hogy sötét vagy világos alapot szeretnél;
- a színeket — ha van márkaszíned, add meg hexakóddal, például
#1B2A4A; - a betű jellegét (kézírásos, talpas, egyszerű, keskeny);
- ha valamit kiemelnél: például „az ár legyen címkében”;
- és hogy a tábla messziről is jól olvasható legyen.
Rusztikus csárda
A csatolt Menüfal AI-csomag alapján készíts designt az éttermünk TV-menütáblájához. Hangulat: rusztikus csárda. Sötét, fás háttér, meleg barna és krém színek, kézírásos címek, az ár pecsétszerű legyen. A tábla 6–8 méterről is jól olvasható legyen. Csak a JSON-t add vissza.
Elegáns bisztró
A csatolt Menüfal AI-csomag alapján készíts designt az éttermünk TV-menütáblájához. Hangulat: elegáns bisztró. Fekete alap, visszafogott arany kiemelés, talpas betűk, vékony keretek, a menüsorok neve csupa nagybetűs. A tábla messziről is jól olvasható legyen. Csak a JSON-t add vissza.
Kávézó, cukrászda
A csatolt Menüfal AI-csomag alapján készíts designt a kávézónk TV-menütáblájához. Világos, meleg krémszínű alap, pasztell rózsaszín és mentazöld kiemelés, lekerekített lapok lágy árnyékkal, barátságos, lekerekített betű. A tábla messziről is jól olvasható legyen. Csak a JSON-t add vissza.
Gyors ebédelő — a legjobb olvashatóság
A csatolt Menüfal AI-csomag alapján készíts designt a menüzőnk TV-menütáblájához. A legfontosabb, hogy a sorban álló vendég messziről is azonnal elolvassa: nagyon erős kontraszt, egyszerű, díszítés nélküli betű, a menüsorok neve teli színes sávon, az ár nagy, címkében. Csak a JSON-t add vissza.
A saját márkaszíneinkkel
A csatolt Menüfal AI-csomag alapján készíts designt az éttermünk TV-menütáblájához a márkaszíneinkkel: sötétkék #1B2A4A háttér, narancs #F28C28 kiemelés, fehér szöveg. Modern, letisztult stílus, a menüsorok neve kapszulában. A tábla messziről is jól olvasható legyen. Csak a JSON-t add vissza.
Tipp: ha az AI visszakérdez (például a színekre), válaszolj neki nyugodtan — a sablonfájlt utána adja meg.
Másold ki a választ
Az AI egy kapcsos zárójelek közé írt szöveget ad vissza. Ez a sablonfájl. Az eleje nagyjából így néz ki:
{ "format": "menufal-design/1", "name": "Kréta és fa", "fonts": { "heading": "kalam", "body": "nunito" }, "colors": { "background": "#2A221D", "text": "#F4ECDF", … }, … }
- A legtöbb AI a szövegdoboz sarkában ad egy Másolás (Copy) gombot — ez a legbiztosabb, mert az egészet viszi.
- Ha kézzel jelölöd ki, az első
{jeltől az utolsó}jelig mindent vigyél. Ha a vége lemarad, a rendszer jelezni fogja. - Nem baj, ha az AI előtte vagy utána írt egy mondatot, és az is a vágólapra kerül — a Menüfal kiemeli belőle a sablonfájlt.
Érdemes elmenteni is: illeszd be egy Jegyzettömbbe, és mentsd el például csarda-design.json néven. Így később is megvan, és fájlként is feltöltheted.
Illeszd be a feltöltő oldalon
A „2. Illeszd be, amit kaptál” résznél kattints a nagy szövegmezőbe, és illeszd be a kimásolt szöveget Ctrl+V.
- Fájlból: ha elmentetted a sablonfájlt, a Fájl feltöltése gombbal is betöltheted (
.jsonvagy.txt). - AI nélkül, kipróbálásra: a Kréta és fa, Fekete-arany és Friss piac gomb egy kész mintát tölt be. Ezekből is lehet saját design, és jó kiindulópontok.
Ellenőrzés — és ha kell, javíttatás
A Menüfal beillesztés után azonnal ellenőrzi a fájlt. Két eredmény lehet:
- card.title.size: 6 túl nagy; 2,2 és 4,5 között legyen.
- price.color: Ár csak 2,1:1 — legalább 4,5:1 kell…
Így javíttatod a hibákat
- Kattints a Hibák másolása az AI-nak gombra.
- Menj vissza ugyanabba az AI-beszélgetésbe, és illeszd be Ctrl+V, majd küldd el.
- Másold ki az AI új, javított válaszát.
- Cseréld le a mező tartalmát: kattints bele, Ctrl+A, majd Ctrl+V.
A kimásolt szöveg már tartalmazza az AI-nak szóló kérést is („javítsd mindet, és a teljes, javított JSON-t add vissza”), nem kell hozzáírnod semmit. Általában egy-két kör elég.
Ha harmadszorra sem sikerül: kezdj új beszélgetést az AI-ban, csatold újra a csomagot, és a kérésed mellé írd oda: „Pontosan tartsd be a csomag szabályait.” Egy friss beszélgetés gyakran jobban sikerül, mint egy hosszú javítgatás.
A leggyakoribb hibaüzenetek jelentését a Ha elakadsz részben találod.
Nézd meg az előnézetet
Amint a fájl rendben van, jobb oldalt megjelenik a tábla — a saját, valódi menüddel, pontosan akkora felbontásban, amilyen a TV. Ez még nem mentés: a TV-ken semmi nem változik.
- Az előnézet fölötti Napi menü és Étlap gombbal mindkét tábla-fajtát nézd meg — ugyanaz a design mindkettőn működik.
- Olvashatóság: állj fel, lépj hátra két-három métert a képernyőtől. Ha így is könnyen olvasod a neveket és az árakat, a TV-n 6–8 méterről is jó lesz.
- Hosszú nevek: nézd meg, hogy a leghosszabb ételneved is jól tördelődik-e.
Nem tetszik valami? Írd meg az AI-nak ugyanabban a beszélgetésben, és az új választ illeszd be a mezőbe a régi helyére. Például:
A menüsorok neve legyen nagyobb, a háttér legyen egy árnyalattal sötétebb, az árak legyenek címkében. A többi maradjon így. Csak a teljes JSON-t add vissza.
Mentsd el, és hangold finomra
A „3. Mentés” résznél kattints a Mentés új designként gombra. A design bekerül a Design oldal listájába („Saját sablonfájl” jelöléssel), és rögtön megnyílik a szerkesztője.
A szerkesztőben ugyanúgy állíthatsz mindent, mint a kész designoknál — a változásokat az előnézet azonnal mutatja, és a Mentés gombbal rögzíted:
| Beállítás | Mire jó |
|---|---|
| Név | Ahogy a designok listájában és a Képernyők oldalon látszik. |
| A négy szín | Márkaszín, a nevek színe, háttér, szöveg — a sablonfájl színeiből indul. Ha egy színpár messziről gyenge lesz, a szerkesztő sárgán figyelmeztet. |
| Betűtípus | Alapból „A design saját betűje” — ez a sablonfájl betűje. Egy másikra váltva az egész tábla azzal íródik. |
| Betűméret, vastagság | Kisebb / Alap / Nagyobb, Normál / Félkövér — a tábla mindig kitölti a képernyőt, nem lóg le. |
| Napi menü elrendezése | Oszlopok száma, fejléc (menü neve és dátum / csak dátum / nincs), sűrűség, a hírsáv helye, „Leves” és „Főétel” címkék. A Stílus legyen „Saját sablonfájl”. |
| Étlap megjelenése | A Sablon legyen „Saját sablonfájl”. Árak: márkaszínnel kiemelve vagy ugyanolyan, mint a név; Elfogyott ételek: áthúzva maradnak vagy eltűnnek a tábláról; leírások ki- és bekapcsolva. |
| Logó, lábléc | A fejlécben megjelenő logó és egy rövid lábléc szöveg („Jó étvágyat kívánunk!”). |
| Képek | Háttérkép a tábla mögé (állítható takarással), és kép a tábla mellé (ételfotó, QR-kód). |
Tipp: a szerkesztő jobb felső sarkában a Megnyitás teljes képernyőn ↗ gombbal a táblát a laptopodon vagy magán a TV böngészőjén is megnézheted, mielőtt hozzárendeled.
Rendeld hozzá a TV-hez
A felső menüben válaszd a Képernyők oldalt. A TV sorában a design legördülő listában (alapból „— alapértelmezett —”) válaszd ki az új designt.
A TV legfeljebb 10 másodpercen belül magától átvált az új designra — nem kell újraindítani.
Később: módosítás, csere, továbbadás
A design szerkesztőjében, a név alatt van a Sablonfájl blokk két gombbal:
Letöltés
A sablonfájl a design mostani színeivel. Mire jó?
- Visszaadhatod az AI-nak továbbhangolásra (lásd lent).
- Biztonsági másolatnak.
- Betöltheted egy másik étterem Menüfal rendszerébe — ott is a Saját design sablonfájlból oldalon.
Csere új fájlra
Új sablonfájl ugyanahhoz a designhoz. A megszokott feltöltő oldal nyílik meg; mentéskor a design kinézete és négy színe lecserélődik.
- A név, a kapcsolók, a logó és a képek maradnak.
- A TV-ken nem kell semmit átállítani, a következő frissítéskor az újat mutatják.
Továbbhangolás AI-val
Új beszélgetésben csatold az AI-csomagot és a letöltött sablonfájlt, majd:
A csatolt Menüfal AI-csomag szabályai szerint módosítsd a szintén csatolt sablonfájlt: a háttér legyen sötétebb, az árak címkében legyenek, a menüsorok neve legyen nagyobb. Minden más maradjon változatlan. Csak a teljes JSON-t add vissza.
A kapott választ a Csere új fájlra gombbal megnyíló oldalon illeszd be.
Mit tud a sablonfájl, és mit nem
A sablonfájl a tábla kinézetét írja le, kész építőkockákból. A tartalmat — ételeket, árakat, allergéneket, a hírsáv szövegét — mindig a Menüfal adja.
Amit beállíthat
- Négy szín: háttér, szöveg, nevek, kiemelés
- Két betű a 26 beépítettből: címek és szöveg
- Halvány háttérminta: pöttyök, rács, csíkok, deszka, papír
- Fejléc: cím középen, balra, vagy keretes dátummal; elválasztó vonal
- Kártyák: keret vagy színes lap, sarok, árnyék
- Menüsor- és kategórianév: sima, aláhúzott, teli sáv, kapszula
- Ár: sima, címke, pecsét, függő cédula
- Étlapon vezetővonal a név és az ár között
- Hírsáv: teli sáv, kapszula, keretes
Amit nem
- Képek — ezeket a szerkesztőben töltöd fel (háttérkép, kép a tábla mellé, logó).
- Saját, letöltött betű — csak a beépítettek.
- Animáció, mozgó elemek.
- Szabadon elhelyezett elemek — az elrendezés mindig igazodik a menü hosszához.
- Ár vagy étel elrejtése, túl kicsi vagy nehezen olvasható betű — ezt a rendszer nem engedi.
Ha elakadsz
A hibaüzenetek mindig megmondják, hol a gond (például card.title.size) és mit kellene tenni. A legtöbbet elég a Hibák másolása az AI-nak gombbal visszaadni.
| Amit látsz | Mit jelent | Mit tegyél |
|---|---|---|
| „A fájl nem érvényes JSON (a hiba helye: 12. sor)” | A szöveg eleje vagy vége lemaradt a másoláskor, vagy az AI elrontott egy vesszőt. | Másold ki újra a teljes választ a Másolás gombbal. Ha így is jön, add vissza az AI-nak. |
| „… — ilyen mező nincs. Megengedett: …” | Az AI kitalált egy beállítást, ami nem létezik (például logót vagy képet írt a fájlba). | Hibák másolása az AI-nak. A logót és a képeket a szerkesztőben töltsd fel. |
| „… túl nagy; 2,2 és 4,5 között legyen.” | Egy méret kívül esik a megengedett sávon. | Hibák másolása az AI-nak. |
| „Ár csak 2,1:1 — legalább 4,5:1 kell…” | Egy szín túl halvány azon, amin áll — messziről nem lenne olvasható. | Hibák másolása az AI-nak. Ha ragaszkodsz a színhez, kérd, hogy a háttér legyen sötétebb vagy világosabb. |
| „… hiányzik. Mezői: …” | Az AI kihagyott egy kötelező részt, vagy csak a fájl egy darabját másoltad ki. | Nézd meg, hogy a teljes választ másoltad-e; ha igen, Hibák másolása az AI-nak. |
| „A fájl 40 KB; legfeljebb 32 KB lehet.” | Nem csak a sablonfájlt illesztetted be (például az egész beszélgetést). | Csak az AI utolsó válaszát másold ki. |
| Mentéskor: „A saját sablonfájlhoz friss adatbázis kell…” | A rendszer frissítése még nem fejeződött be. | Szólj az üzemeltetőnek (lásd lent). A beillesztett szöveg addig a gépeden marad — mentsd el Jegyzettömbbe. |
| A Mentés új designként gomb szürke | A fájl még nincs rendben, vagy üres a mező. | Előbb a zöld „Rendben” üzenetig kell eljutni. |
| A TV nem az új designt mutatja | A design nincs a képernyőhöz rendelve, vagy más betűtípus van kiválasztva. | Képernyők oldalon ellenőrizd a design legördülőt; várj 10 másodpercet. A szerkesztőben a Stílus / Sablon legyen „Saját sablonfájl”. |
| A betű nem olyan, mint az előnézetben | A szerkesztőben más betűtípus van kiválasztva. | Betűtípus: „A design saját betűje”. |
Üzemeltetőknek
- A funkcióhoz a 027-es adatbázis-migráció kell (a háttérképhez a 026-os). Kódfrissítés után a tárhelyen:
npm run db:migrate. Enélkül a feltöltő oldal és az előnézet működik, de a mentés a fenti hibaüzenetet adja. - A sablonfájl a design adatai közé mentődik az adatbázisba; tárhely vagy fájlfeltöltési jog nem kell hozzá. Legfeljebb 32 KB.
- A kész, beépített designokba nem tölthető sablonfájl — azokból új design készül.
- A sablonfájl minden étterem saját adminjában töltődik fel; más telepítésbe a Letöltés gombbal vihető át.