Sidhuvuden i Aura är framtagna med era behov i fokus. De kombinerar en stilren design med smart funktionalitet och designverktyget ger er möjlighet att anpassa utseendet efter ert varumärke.

Resultatet är en tydlig och användarvänlig navigation som hjälper era kunder att snabbt hitta rätt. Aura erbjuder två sidhuvuden – välj det alternativ som passar er verksamhet och ert uttryck bäst.

1. Aura - Sidhuvud (standard) Har dropdown för sortiment vilket ger ett mer kompakt sidhuvud och frigör utrymme för innehållet, samtidigt som ett tydligt sökfält gör det enkelt att hitta rätt.
2. Aura - Sidhuvud (kategorier synliga) Har huvudkategorier synliga i sidhuvudet, med underkategorier som visas vid hover. Detta ger direkt åtkomst till sortimentet och en snabbare väg till produkter, samtidigt som sökrutan alltid är synlig.

Du kan växla mellan de tillgängliga sidhuvudena. Läs här hur du byter sidhuvud.

Nedan följer en kort men mer detaljerad beskrivning av Auras sidhuvud.

• Här visas standardutförandet för större skärmar och laptops. Logotypen är placerad till vänster, med kategorimenyn direkt till höger om loggan i form av en dropdown.
  Längst till höger i sidhuvudet finns ikoner för exempelvis inloggning och andra funktioner, och precis till vänster om dessa visas extrasidor.
  Nedanför breder ett generöst och lättillgängligt sökfält ut sig, utformat för att göra det snabbt och smidigt att hitta rätt. 
  
  

  På mobil och mindre enheter centreras logotypen. Under denna visas en ikonrad där ikonerna är jämnt fördelade.

  Nedanför finns fortsatt ett stort sökfält som gör det enkelt att snabbt hitta rätt innehåll.
   

  
  
  Kategorier, extrasidor och inloggning samlas centrerat under menyikonen, som blir synlig på mindre enheter.
  
   

   

• Detta sidhuvud visar samtliga kategorier direkt i vyn på större skärmar och laptops, vilket ger en snabb och tydlig överblick över sortimentet. 

  Sidhuvudet är uppdelat i en övre och en undre menyrad. I den övre menyraden placeras extrasidor till vänster, medan ikoner för exempelvis inloggning och andra funktioner ligger samlade till höger. 
  
  I den undre menyraden visas logotypen till vänster, medan sökfunktionen är placerad till höger. Nedanför presenteras samtliga huvudkategorier för en tydlig och lättnavigerad översikt. 
  
  
  
  

   

  På mobil och mindre enheter flyttas den undre menyn upp och visas överst, med logotypen centrerad. Den tidigare övre menyn omvandlas till en ikonrad där ikonerna är jämnt fördelade och centrerade. 
  
  
   

  Kategorier, extrasidor och inloggning samlas under menyikonen, som blir synlig på mindre enheter. 
  
  
   

När ni har valt ett sidhuvud får ni tillgång till designinställningar i vårt designverktyg för att anpassa utseendet efter era behov och er grafiska profil. Nedan följer en översikt över de val och inställningar som finns för Auras sidhuvud.
 

Aura sidhuvud (standard)

Här följer de inställningar som är specifika för sidhuvudet Aura sidhuvud standard.

• Här finns möjlighet att lägga till en suddig bakgrund bakom menyn. Detta är särskilt fördelaktigt om ni använder en transparent bakgrundsfärg i “Bakgrundsfärg – Sidhuvud”, då det skapar bättre kontrast mot texten och gör texten i sidhuvudet mer lättläst för besökaren.
  
          
   

• Här anger ni textfärg för sidhuvudet. Den appliceras på all text i sidhuvudet samt på ikoner, såsom inloggning och liknande funktioner.

  Färgen används konsekvent på både större skärmar och mindre enheter, som mobil.
  
   
   

• Här anger ni bakgrundsfärg för sidhuvudet. Ni kan välja en solid färg eller ange en transparent bakgrund som låter innehållet bakom synas.

  Tänk på att ni även kan aktivera en suddig bakgrund i en tidigare inställning. Detta kan vara fördelaktigt vid användning av transparens, då det förbättrar kontrasten och läsbarheten. 
  Transparensen justeras med reglaget längst till höger.
  
  
   

• Här anger du vilken bakgrundsfärg som visas när kategorimenyn (dropdown) öppnas, samt för menyn som fungerar som en dropdown i mobilt läge.
  
  
  
  
  
  
   

• Här anger ni vilken textfärg som visas när kategorimenyn och menyn i mobilt läge öppnas
   

  
   

• Här anger ni om ni vill visa en produktlista i kategorimenyn i drop down.
  Vill ni ändra vilken lista som kopplas till denna funktion gör ni det via redigeringsverktyget till höger. Läs mer om produktlistor och hur du byter produktlista.

  
   

• Här kan ni ange om kategorimenyn ska ha hög eller låg höjd.
  
  

  Ni kan även styra vilka kategorier som visas genom att sortera och justera i ert kategoriträd. Det är alltid huvudkategorierna som visas här, och genom att ändra ordningen i kategoriträdet i administrationen kan ni prioritera vilka som ska lyftas fram.
  Läs mer om hur du ändrar i ditt kategoriträd.
  
  
   

Aura sidhuvud (kategorier synliga)

Aura Sidhuvud – Kategorier synliga ger en direkt överblick över hela sortimentet genom att visa alla huvudkategorier direkt i sidhuvudet, när ni hovrar över en kategori visas eventuella underkategorier.

Vilka huvudkategorier och underkategorier som visas styr du via kategoriträdet i administrationen, där du kan sortera och organisera efter behov.

Logotyp, kategorier, funktioner och sökfält är tydligt organiserade för att snabbt guida besökaren rätt.

I den övre menyraden presenteras extrasidor och ikoner för smidig navigering.

Sidhuvudet är flexibelt, anpassningsbart med designverktyget och fungerar smidigt på alla enheter.

Läs här hur du byter sidhuvud på din mall.

Här följer de inställningar som är specifika för Sidhuvud (kategorier synliga)

• Här finns möjlighet att lägga till en suddig bakgrund bakom menyn. Detta är särskilt fördelaktigt om ni använder en transparent bakgrundsfärg i “Bakgrundsfärg – Sidhuvud”, då det skapar bättre kontrast mot texten och gör texten i sidhuvudet mer lättläst för besökaren.
  
          
   
   

• Här anger ni bakgrundsfärg för sidhuvudet. Ni kan välja en solid färg eller ange en transparent bakgrund som låter innehållet bakom synas.

  Tänk på att ni även kan aktivera en suddig bakgrund i en tidigare inställning. Detta kan vara fördelaktigt vid användning av transparens, då det förbättrar kontrasten och läsbarheten. 
  Transparensen justeras med reglaget längst till höger.
  
  
   

• Här anger ni vilken textfärg som ska användas för kategorierna i sidhuvudet. 
  
  
   
• Här anger ni bakgrundsfärg för dropdownmenyn. När ni hovrar över en kategori visas eventuella underkategorier i en dropdown, och den valda färgen används som bakgrund för denna. 
  
          
   
• Här anger ni textfärg för dropdownmenyn. Färgen appliceras på all text som visas i dropdownen.
  
  
   
• Här anger ni Bakgrundsfärg för den övre menyraden. 
  
  
  
   
  I mobilt läge används denna färg för den undre menyraden där meny och ikoner placeras. När menyn öppnas följer färgen med och används som bakgrund för innehållet.
  
                
   

• Här anger du vilken textfärg som ska användas för all text i området “Bakgrundsfärg – Övre menyrad”. Färgen appliceras på både extrasidor och ikoner.
  
   

  I mobilt läge används denna färg i den undre menyraden, där ikonerna visas i den angivna färgen.