11.1 Flikar/knappar

Detta kapitel kommer att visa dig hur du skapar en uppsättning av flikar eller knappar med information på din hemsida. Nedan ser du skillnaden på designen mellan flikar och knappar (Fig 11.1.1). 

För att lägga till Flik-/knapp-layouten, klicka för att skapa ett nytt element på en sida och gå till fliken "Layouter". Välj elementet "Tabs/Pills with content elements" (Fig 11.1.2). 

Spara elementet, för att därefter kunna lägga till flikar (Fig 11.1.3). 

Under fliken Display, kan du välja om du vill ha flikar eller knappar på framsidan. Det är även möjligt att välja hur du vill placera flikarna/knapparna, höger- eller vänsterställda (Fig 11.1.4). 

Gå vidare till fliken "Tabs", och klicka på "Lägg till ny: Tab" för att lägga till en ny flik/knapp (Fig 11.1.5). 

Fält med information lägga till för fliken, vilka innehåller "Tab title" som visas i frontend, valet att fliken är aktiv när sidan laddas samt alternativet att bläddring mellan flikarna har en animation med en dimeffekt. Längst ner kan du klicka för att lägga till fler flikar/knappar (Fig 11.1.6). 

Varje flik/knapp har sin uppsättning av fält med information och det är möjligt att öppna/stänga alla genom att klicka på "Växla alla". Till höger om varje flikinformation finns det en ikon för att ändra ordningen på dem samt en papperskorg för att radera. Vänligen notera att, när du ändrar ordningen på flikar/knappar, sparar mellan varje flytt (Fig 11.1.7). 

När du sparar och stänger, kommer det i backend att finnas en uppsättning av kolumner, som motsvarar antalet flikar/knappar. Där kan du sedan skapa önskat innehåll för varje flik/knapp (Fig 11.1.8). Till exempel, om du skapar en produktsida, skulle man kunna använda flikar för att dela upp innehållet för allmänt information, teknisk data samt kanske en för videoinstruktioner (Fig 11.1.9).