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.

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 — öppnar rabattfunktionen

• Presentkort — öppnar presentkortfunktionen (kräver Presentkort-funktionen)

• 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 enhetens webbläsare

• 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

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

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.

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 eller vald personal)

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

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

• 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