Layouter

Layouter är en funktion som låter dig skapa anpassade produktvyer för att organisera och filtrera produkter i butiksvyn. Genom att skapa layouter kan du visa endast specifika produkter när du väljer en layout, vilket gör det enklare att navigera bland många produkter.

Navigera till layouter

1. Öppna Meny från huvudskärmen
2. Välj Layouter från menyn

Du kommer nu se en lista över alla befintliga layouter.

Skapa en ny layout

1. Klicka på knappen Lägg till (plus-ikonen) i övre högra hörnet
2. Layoutredigeraren öppnas i helskärm
3. Välj eller skapa en Startsida (produktsida) — se avsnittet nedan

Layoutredigeraren

Layoutredigeraren visar en visuell förhandsvisning av layouten som ett rutnät, liknande hur den ser ut i butiksvyn.

• Tryck på en tom ruta för att lägga till en knapp
• Tryck på en befintlig knapp för att redigera den
• Dra en knapp för att flytta den eller ändra storlek
• På surfplatta visas inställningspanelen till höger; på mobil öppnas den som en panel längst ner på skärmen
• Tryck på kugghjulsikonen i rutnätet för att öppna layoutinställningarna

Om du lämnar redigeraren med osparade ändringar visas en dialog där du kan spara eller ignorera ändringarna.

Välja startsida

Innan du kan redigera produktgalleriet i mitten av layouten måste du välja en startsida:

1. Öppna layoutinställningarna
2. Under Startsida, välj Alla produkter, en befintlig produktsida eller skapa en ny
3. Startsidan används som standardvy när layouten är aktiv i butiksvyn

Alla produkter

Alla produkter är ett inbyggt val som visar hela produktkatalogen i produktgalleriet. Du behöver inte skapa en egen produktsida — alternativet finns alltid i listan när du väljer startsida eller lägger till en produktsideknapp.

När Alla produkter är aktivt:

• Visas varje produkt i butiken som en knapp i produktgalleriet
• Galleriet kan scrollas om det finns fler produkter än vad som ryms i rutnätet (särskilt på mobil)
• Produktgalleriet kan inte redigeras i layoutredigeraren — innehållet hämtas automatiskt från produktkatalogen
• I layoutredigeraren visas en förklaring i mitten av rutnätet som bekräftar att alla produkter visas där

Välj Alla produkter när du vill ge snabb åtkomst till hela sortimentet utan att bygga en egen produktsida.

Produktsidor som startsida

Om du väljer en vanlig produktsida som startsida visar produktgalleriet sidans knappar. Du kan redigera knapparna direkt i layoutredigeraren och byta mellan produktsidor via Gå till produktsida. Om du byter produktsida med osparade ändringar på den aktuella sidan uppmanas du att spara först.

En produktsida utan knappar visar ett tomt produktgalleri — den faller inte tillbaka till att visa alla produkter.

Sortera knappar i produktsidan

När du redigerar en produktsida (inte Alla produkter) och det finns minst två knappar i produktgalleriet visas knappen Sortera A–Ö i layoutinställningarna. Tryck på knappen för att sortera alla knappar i produktgalleriet alfabetiskt och placera om dem i rutnätet.

• Knappar sorteras efter knapptext om sådan finns, annars efter produktnamn eller produktsidans namn
• Nästa tryck växlar till Sortera Ö–A
• Sorteringen påverkar bara knapparna i det aktiva produktgalleriet — inte kantknappar eller kassaknappar

Anpassa rutnätet

I layoutinställningarna kan du styra rutnätets storlek:

• Kolumner och Rader — storlek på produktgalleriet i mitten
• Kolumner (mobil) — antal kolumner på mobila enheter
• Övre rader, Nedre rader, Vänster kolumner, Höger kolumner — utrymme för kantknappar runt produktgalleriet
• Produktbilder — hur produktbilder visas på produktknappar i butiksvyn (standard är Ingen bild)
• Pris på produktknappar — vilket pris som visas på produktknappar när produkten har ett avhämtningspris (kräver Avhämtningspris-funktionen, standard är Äta här och avhämtning)
• Textstorlek på knappar i mitten och Textstorlek på knappar i kanterna — hur stor texten är på knapparna (standard är 100 %)

Kantknappar placeras längs övre, nedre, vänstra och högra kanten. Produktgalleriet visas i mitten.

Produktbilder i butiksvyn

Med inställningen Produktbilder styr du hur bilder visas på produktknappar i butiksvyn, produktsökningen och kassaknappar. Bilder visas bara på produkter som har en uppladdad bild — se Produkter.

Välj ett av följande lägen:

• Ingen bild — endast text, pris och eventuellt lagerantal (standard)
• Bild ovanför text — bilden visas överst på knappen med text och pris under
• Bild bredvid text — bilden visas till vänster med text och pris till höger
• Bild bakom text — bilden fyller knappen med text och pris ovanpå en mörk bakgrund

Inställningen gäller för hela layouten och påverkar alla produktknappar där produkten har en bild.

Pris på produktknappar

När en produkt har ett separat avhämtningspris visar produktknapparna som standard båda priserna (till exempel 120 / 100 kr). Med inställningen Pris på produktknappar styr du vilket pris som visas i butiksvyn, produktsökningen och kassaknappar:

• Äta här och avhämtning — visar både priset för äta här och avhämtningspriset (standard)
• Endast pris för äta här — visar bara priset för äta här
• Endast avhämtningspris — visar bara avhämtningspriset (faller tillbaka till priset för äta här om produkten saknar avhämtningspris)

Inställningen ändrar bara hur priset visas på knappen — den påverkar inte vilket pris som tas ut i kassan. Produkter utan avhämtningspris visar sitt vanliga pris oavsett läge.

Textstorlek på knappar

Om layouten har stora knappar kan du göra texten större så att den passar knapparna bättre. Välj Textstorlek på knappar i mitten för knapparna i produktgalleriet och Textstorlek på knappar i kanterna för knapparna längs övre, nedre, vänstra och högra kanten. Du kan välja mellan 75 % och 400 %.

Storleken gäller för produktnamn, pris och lagerantal på produktknappar och för texten på övriga knappar. Alla knappar i samma del får samma textstorlek. Ett ord som är för långt för knappen görs mindre så att det får plats, och på låga knappar blir texten bara så stor att den ryms på knappen. Kassaknapparna och produktsökningen behåller standardstorleken.

Lägga till knappar

1. Tryck på en tom ruta i det område där du vill placera knappen (kant eller produktgalleri)
2. Välj typ av knapp i panelen:
   • Produkter — lägg till en enskild produkt direkt i produktgalleriet
   • Produktsidor — lägg till en knapp som länkar till en produktsida
   • Åtgärder — lägg till en specialknapp (se listan nedan)
3. Välj produkt, produktsida eller åtgärd från listan
4. Knappen placeras i rutnätet

Typer av knappar

Produkter och produktsidor

• Produkt — lägger till produkten direkt i produktgalleriet
• Produktsida — visar en produktsidas innehåll när knappen trycks. Välj Alla produkter i listan för att visa hela produktkatalogen

Åtgärder (specialknappar)

• Rabatt — tillämpar rabatt på senaste varan, varukorgen eller hela kvittot (konfigurerbart)
• Presentkort — öppnar presentkortfunktionen (kräver Presentkort-funktionen)
• Saldokoll presentkort — öppnar en dialog där du anger eller skannar ett presentkortsnummer och ser kortets saldo och giltighetstid, utan att starta en betalning (kräver Presentkort-funktionen). Se Presentkort
• Välj kund — öppnar dialogen för att välja eller skapa kund kopplad till köpet (kräver Kunder-funktionen). Knappen visar vald kunds namn när en kund är kopplad. Se Kunder
• Beställningar — visar aktiva beställningar och nya ordrar som väntar på bekräftelse (kräver Onlinebeställningar-funktionen)
• Sök — öppnar produktsökning
• Tillfälligt slut — öppnar en lista där du söker och markerar produkter som tillfälligt slut. Se Tillfälligt slut
• Slå upp produkt — öppnar en dialog där du söker eller skannar en produkt och ser kort produktinformation och lagersaldot per lagerplats eller butik. Se Slå upp produkt
• Streckkod — öppnar streckkodsläsaren
• Webbsida — öppnar en konfigurerad webbsida i ett inbyggt fönster i appen (du stannar i kassan och stänger fönstret när du är klar)
• Välj butik — byter aktiv butik
• Välj personal — öppnar personalvalet (kräver Personal-funktionen). Se Personal och behörigheter
• Öppna kassalåda — öppnar kassalådan (kräver Sunmi- eller iMin-enhet med inbyggd kassalåda)
• Förnota — skriver ut en förnota (icke-registrerande provkvitto)
• Fritext — lägger till en fritext-rad i varukorgen
• Nota — öppnar notpanelen och aktiv nota (kräver Notor-funktionen). Se Notor
• Dela nota — startar delning av notan (kräver Delade notor-funktionen)
• Framma / Vänta — skickar eller pausar bongar (kräver Bongar-funktionen). Se Bongar
• Kombinerad bong — öppnar kombinerad bong (kräver Kombinerade bongar-funktionen)
• Ange bongreferens — anger referens för bong
• Avhämtning — växlar mellan avhämtning och äta på plats (kräver Avhämtningspris-funktionen)
• Våg — läser av viktvärde från ansluten våg (kräver Seriell våg-funktionen)
• Serviceorder — öppnar panelen för att skapa och välja serviceordrar (kräver Serviceordrar-funktionen). Se Serviceordrar
• Handpenning — tar handpenning för den aktiva serviceordern i kassan (kräver Serviceordrar-funktionen). Se Serviceordrar
• Klocka och datum — visar dagens datum och/eller aktuell tid direkt på knappen (uppdateras automatiskt). Anpassad knapptext används inte

Befintliga layouter kan fortfarande innehålla menylänkar som länkar till en meny i systemet. Sådana knappar kan redigeras men läggs inte till som en egen typ i den nya redigeraren. Menylänkar döljs för inloggad personal som saknar Tillgång till menyn — se Personal och behörigheter.

Redigera knappar

1. Tryck på knappen i rutnätet
2. I redigeringspanelen kan du ändra:
   • Knapptext — text som visas på knappen (valfritt; vissa knapptyper visar dynamisk text i stället, t.ex. notans namn, vald personal eller klocka och datum)
   • Färg — knappens färg
   • Ikon — välj ikon eller Ingen
   • Funktion — typ-specifika inställningar (t.ex. URL för webbsida, menysida för menylänkar, prefix för fritext)
3. För produktknappar kan du byta produkt via Byt produkt
4. Tryck på Ta bort knapp för att ta bort knappen

Flytta och ändra storlek på knappar genom att dra i rutnätet.

Konfigurera rabattknapp

För Rabatt-knappar finns extra inställningar under Funktion:

• Tillämpa på — vad rabatten ska gälla för:
  • Senaste varan — endast den senast tillagda raden
  • Varukorg — alla rader i varukorgen
  • Hela kvittot — kvitto-rabatt som fördelas på hela köpet (standard)
• Rabatt — hur rabatten anges:
  • Fråga varje gång — kassören anger rabatt vid tryck (standard)
  • Ett förinställt värde, t.ex. 10% eller 50 kr — rabatten tillämpas direkt utan dialog

För att ställa in en förinställd rabatt, tryck på Rabatt, ange värde med knappsatsen och växla mellan Procent och Belopp vid behov. Ange 0 och bekräfta för att återgå till Fråga varje gång.

Hur rabattknappen fungerar i butiksvyn

• Om en förinställd rabatt är konfigurerad tillämpas den direkt vid tryck
• Om Fråga varje gång är valt öppnas en dialog där du anger värdet med knappsatsen
• Tryck på typväxlaren (Procent / Belopp) för att växla mellan procentrabatt och beloppsrabatt
• Ange 0 och bekräfta för att ta bort en befintlig rabatt
• Kräver rabatt-behörighet — se Personal och behörigheter

Konfigurera klocka- och datumknapp

För Klocka och datum-knappar finns inställningar under Funktion:

• Visa datum — visar dagens datum på knappen
• Visa klocka — visar aktuell tid på knappen
• Minst ett av Visa datum och Visa klocka måste vara aktiverat
• Datumformat (när datum visas) — hur datumet formateras:
  • 3/12 — numeriskt utan inledande nollor
  • 3 dec — dag och förkortat månadsnamn
  • 3 december — dag och fullständigt månadsnamn (standard om inget annat valts)
• Visa sekunder — när klockan visas kan tiden visas som timmar och minuter eller inkludera sekunder (av som standard)
• Textstorlek — Automatisk (anpassas efter knappens storlek) eller fast storlek: Liten, Medium eller Stor

Datum och tid formateras efter appens språk. Tiden uppdateras löpande; datumet uppdateras vid midnatt.

Färglägg

Verktyget Färglägg låter dig snabbt applicera samma färg på flera knappar:

1. Öppna Färglägg i layoutinställningarna
2. Välj en färg
3. Tryck på knappar i rutnätet för att applicera färgen
4. Använd Plocka färg för att kopiera färg från en befintlig knapp

Kassaknappar

Kassaknappar visas i kassavyn bredvid varukorgen. De redigeras separat:

1. Öppna Kassaknappar i layoutinställningarna
2. Anpassa Kolumner och Rader före visa alla — hur många knappar som syns innan Visa alla visas
3. Växla mellan Minimerad och Expanderad förhandsvisning
4. Lägg till, redigera, flytta och ändra storlek på knappar på samma sätt som i huvudrutnätet
5. I kassaknapparna kan du även lägga till Visa alla som expanderar knapplistorna

Spara layouten

1. Klicka på Spara i övre delen av redigeraren
2. Layouten sparas tillsammans med eventuella osparade ändringar på den aktuella produktsidan
3. En bekräftelse visas när sparningen lyckats

Redigera layout

1. Välj layouten i layoutlistan
2. Gör dina ändringar i layoutredigeraren
3. Klicka på Spara

Använda layouter i butiksvyn

När du har skapat layouter kan du använda dem i butiksvyn:

1. Öppna butiksvyn (huvudskärmen)
2. Överst på skärmen visas flikar för alla layouter
3. Klicka på en layoutflik för att aktivera layouten
4. När en layout är aktiv:
   • Startsidan för layouten visas
   • Knapparna visas på sina positioner i rutnätet (kanter och kassavy)
   • Knapparna kan användas för snabb navigering till produktsidor eller funktioner

Fördelar med layouter

• Organisering — skapa olika produktvyer för olika situationer eller tider på dagen
• Snabbare navigering — placera vanliga produkter, produktsidor och funktioner som knappar
• Anpassning — bygg rutnät med exakt placering och storlek per knapp
• Flexibilitet — anpassa layouten för surfplatta och mobil

Tips

• Välj en startsida innan du börjar bygga produktgalleriet
• Använd Alla produkter som startsida om du vill visa hela sortimentet utan att skapa en egen produktsida
• Använd beskrivande namn på layouter så att det är lätt att förstå vad de innehåller
• Placera de mest använda knapparna där de är lättast att nå
• Använd Färglägg för att snabbt ge knappar en enhetlig färg
• Använd Sortera A–Ö i layoutredigeraren för att snabbt ordna knappar alfabetiskt på en produktsida
• Anpassa kolumner och rader så att rutnätet passar din skärmstorlek
• Testa layouten i butiksvyn innan du börjar använda den i försäljning