> For the complete documentation index, see [llms.txt](https://help.kassaro.se/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.kassaro.se/kom-igang/produktsidor.md).

# Produktsidor

Produktsidor är anpassningsbara sidor som kan användas för att organisera och presentera produkter på ett strukturerat sätt. Produktsidor består av knappar som kan länka till produkter, andra produktsidor eller specialfunktioner som rabatter.

### Navigera till produktsidor

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

Du kommer nu se en lista över alla befintliga produktsidor i vänster panel.

### Skapa en ny produktsida

1. Klicka på knappen **Lägg till** (plus-ikonen) i övre högra hörnet
2. En ny produktsidaformulär öppnas i höger panel med titeln "Lägg till produktsida"

### Fyll i produktsideinformation

Här anger du grundläggande information om produktsidan:

* **Produktsidans namn**: Ange namnet på produktsidan (obligatoriskt). Välj ett beskrivande namn som t.ex. "Populära produkter", "Drycker", "Mat" eller "Kampanjer"

### Lägga till knappar i produktsidan

Produktsidor består av knappar som är ordnade i ett rutnät. Varje knapp kan länka till en produkt, en annan produktsida eller en specialfunktion.

#### Typer av knappar

Du kan lägga till tre typer av knappar i en produktsida:

1. **Produkt**: En knapp som länkar direkt till en specifik produkt. När användaren klickar på knappen läggs produkten till i kundvagnen
2. **Produktsida**: En knapp som länkar till en annan produktsida. När användaren klickar på knappen navigeras till den valda produktsidan
3. **Rabatt**: En specialknapp som öppnar rabattfunktionen

#### Lägga till knappar

1. I sektionen "Knappar", klicka på knappen **Lägg till knapp**
2. Välj typ av knapp du vill lägga till:
   * **Produkt**: Välj en produkt från listan över alla produkter
   * **Produktsida**: Välj en produktsida från listan över alla produktsidor
   * **Rabatt**: Klicka på "Lägg till rabattknapp" för att lägga till en rabattknapp
3. Knappen läggs till i produktsidan

#### Redigera knappar

För att redigera en knapp:

1. Klicka på knappen i produktsidaformuläret
2. En redigeringsvy öppnas där du kan:
   * **Knapptext**: Lägg till text som visas på knappen (valfritt)
     * Om ingen knapptext anges används produktens eller produktsidans namn
   * **Färg**: Välj en färg för knappen
   * **Ikon**: Välj en ikon för knappen
3. Klicka på **Spara** för att spara ändringarna

#### Hantera knappar i produktsidan

I produktsidaformuläret kan du:

* **Ta bort knappar**: Klicka på en knapp och välj "Ta bort knapp" i redigeringsvyn
* **Sortera knappar**: Dra och släpp knapparna för att ändra ordningen
  * Ordningen bestämmer i vilken ordning knapparna visas i rutnätet
  * Knapparna visas i ett rutnät med 4 kolumner

### Spara produktsidan

När du har fyllt i önskad information:

1. Klicka på knappen **Spara** i övre högra hörnet
2. En bekräftelsemeddelande visas när produktsidan har skapats
3. Produktsidan visas nu i produktsidelistan

### Redigera produktsida

För att redigera en befintlig produktsida:

1. Välj produktsidan från produktsidelistan
2. Produktsideinformationen visas i höger panel
3. Gör dina ändringar:
   * Ändra namn
   * Lägg till, redigera eller ta bort knappar
   * Ändra ordningen på knapparna
4. Klicka på **Spara** för att spara ändringarna

### Radera produktsida

För att radera en produktsida:

1. Välj produktsidan från produktsidelistan
2. Scrolla ner till sektionen "Fara" längst ner i formuläret
3. Klicka på knappen **Radera produktsida**
4. Bekräfta raderingen i dialogrutan

### Använda produktsidor

Produktsidor kan användas på flera sätt:

#### I layouter

Produktsidor kan användas som knappar i layouter:

1. När du redigerar en layout kan du lägga till en produktsida som knapp — inklusive **Alla produkter** för att visa hela produktkatalogen
2. När användaren klickar på knappen i butiksvyn visas produktsidans innehåll (eller alla produkter om **Alla produkter** valdes)

#### Som startsida i layouter

Produktsidor kan sättas som startsida för en layout:

1. När du redigerar en layout kan du välja en produktsida som **Startsida**, eller välja **Alla produkter** för att visa hela produktkatalogen
2. När layouten aktiveras i butiksvyn visas automatiskt den valda startsidan

**Obs:** En produktsida utan knappar visar ett tomt produktgalleri i layouten. Lägg till knappar i produktsidan, eller välj **Alla produkter** som startsida om du vill visa hela sortimentet. Se [Layouter](/kom-igang/layouter.md) för mer information om **Alla produkter**.

#### Direkt navigering

Produktsidor kan länkas till från andra produktsidor för att skapa en hierarkisk navigationsstruktur.

### Tips

* Skapa produktsidor för olika kategorier eller användningsområden
* Använd beskrivande namn för produktsidor så att det är lätt att förstå vad de innehåller
* Organisera produkter logiskt i produktsidor (t.ex. "Populära produkter", "Kampanjer", "Nya produkter")
* Använd färger och ikoner för att göra knapparna lättare att identifiera
* Skapa hierarkiska strukturer genom att länka produktsidor till varandra
* Placera de mest använda produkterna först i rutnätet
* Använd anpassade namn för knappar om produktnamnen är långa eller otydliga
* Kombinera produkter och produktsidor för att skapa en intuitiv navigationsstruktur

### Exempel på användning

#### Exempel 1: Kategoribaserad struktur

Skapa produktsidor för olika kategorier:

* "Drycker" - innehåller alla drycker
* "Mat" - innehåller all mat
* "Dessert" - innehåller alla desserter

Varje kategori kan sedan användas som knapp i en layout eller länkas från en huvudproduktsida.

#### Exempel 2: Funktionsbaserad struktur

Skapa produktsidor för olika funktioner:

* "Populära produkter" - innehåller de mest sålda produkterna
* "Kampanjer" - innehåller produkter som är på rea
* "Snabbval" - innehåller produkter för snabb försäljning

#### Exempel 3: Kombinerad struktur

Skapa en huvudproduktsida "Huvudmeny" som länkar till olika kategoriproduktsidor, som i sin tur länkar till specifika produkter.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.kassaro.se/kom-igang/produktsidor.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.