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)

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.

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)
• 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
• 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