> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.staylive.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Box navigation

Box navigation är en komponent som skapar knapp/box/-ar varifrån du kan länka till en undersida på din plattform eller extern länk. Vanligt är att den används för att "highlighta" vissa delar på din plattform och/eller visa än tydligare för tittaren var specifikt innehåll på din sida kan hittas. 
|| Låt säg att du har en plattform som går att dela upp i Herr, dam och ungdomsmatcher, då kan resp. box motsvara dessa på ett tydligt sätt där du finner rätt innehåll under rätt segment. Inte helt ovanligt att boxar representerar sin plattforms kanaler.
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/boxnav1_1l69c3n.png)

Komponenten finner du via _Add new section_ --> Information --> Box navigation. Du kan sen flytta den upp eller ned för att bestämma vart du vill placera komponenten på sidan.
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/boxnav2_6vzsrh.png)

### 1. Box navigation - funktionalitet
Väl inne på komponenten finns olika funktioner och val för att förfina samt förtydliga för besökaren. Dels funktioner för vad box/-arna ska visa, var den ska peka om man klickar på den samt antalet boxar du vill ha.  
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/boxnav3_v9g7it.png)

Det finns även funktioner som mer handlar om boxarnas form och "look" --> lite mer detalj & finputs.
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/boxnav4_1d6pagh.png)

### 2. Arbeta med boxarna.
* Header - Bockar du i _Show header_ kan du sätta en rubrik/titel eller annan information ovanför boxarna
* Boxes --> Manage boxes - Det är via _Manage boxes_ du arbetar med din/dina boxar. Här anges en ev. box-text, ev. box-bild, var boxen ska leda när du klickar på den. Du lägger även till flera boxar här. 
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/boxnav5_15pubjv.png)

### 3. Manage boxes
Klicka här för att arbeta med dina boxar.
* Redigera befintliga genom att klicka på en och sen navigera mellan: _Link & background_, _Content_, _Advanced_.
* Lägg till ny box (ruta).
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/boxnav6_1ctw86s.png)

###### 3.1.1. Link & Background
* Sökväg - Här anger du sökväg/URL dit boxen ska leda när man klickar på den. En undersida på din plattform eller extern sida/länk. 
* Use background image - Vill du ha en bakgrundsbild för din box bockar du i knappen och laddar upp en bakgrundsbild.
* Use Overlay color - Ange en färg och styrkan på den om du vill ha en box helgfärgad.
|| Observera att du behöver ha samma URL under sökväg som du angett som "/path" om du ska länka till en undersida på plattformen. [Lägg till ny sida](https://docs.staylive.io/sv/article/lagg-till-ny-sida-i-plattformen-1uhupo8/)
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/boxnav7_1dfa4og.png)

###### 3.1.2. Content
* Show box content - Här kan du ange en titel/rubrik på din box eller en logotyp i boxen.
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/boxnav8_8wmiqu.png)

###### 3.1.3. Advanced
Här är inställningar för lite mer detaljnivå. Du kan mer ingående styra hur den specifika boxens **logo**, **text** samt **"boxen i sig"** ska anpassas.
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/boxnav9_13zey5k.png) 

### 4. General styles
Här kan du göra inställningar som gäller för samtliga boxar du skapat/skapar. Detta handlar lite mer om "finputs & detaljer".
|| Observera att du kan överskrida dessa inställningar om du istället går vi funktionen **Advanced - (se punkt 3.1.3)** för Manage boxes --> Advanced.
![](https://storage.crisp.chat/users/helpdesk/website/acbaf8a9e186c000/boxnav10_vh6anf.png)

**När du gjort dina uppdateringar väljer du SPARA SEKTION följt av Publish för att få det LIVE på din plattform**.