Topptekst: Hovedmeny / megameny

Hovedmeny / megameny

Hovedmeny-blokken er nettbutikkens primære navigasjon. Den lister opp kategoriene dine og kan utvides til en full megameny med underkategorier, merker og egendefinerte lenker. Dette er den mest konfigurerbare header-blokken — du styrer farger, fonter, hover-effekter og nøyaktig hvordan nedtrekksmenyen oppfører seg.

Hva den viser

Menyen henter kategoritreet ditt og viser øverste nivå som en horisontal linje. Når man holder over eller klikker på et element, åpnes underkategoriene. Du bestemmer hvilke ekstra elementer som vises ved siden av kategoriene — forsidelenke, nye produkter, tilbud, merker og dine egne lenker.

Hva som vises i menyen

Innstilling	Hva den gjør
Vis forside	Legger til en lenke til forsiden
Vis nye produkter	Legger til en «Nye produkter»-lenke
Vis spesialprodukter	Legger til en lenke til tilbud / spesialprodukter
Vis statiske sider	Tar med informasjonssidene i menyen
Vis merker	Legger til en merke-lenke
Vis merker i megameny	Viser merker inni den utvidede megamenyen i stedet for som én lenke
Egendefinerte lenker	Legg til dine egne lenker med tekstredigeringsverktøyet

Egendefinerte lenker — fjern plassholderteksten

Feltet Egendefinerte lenker er et tekstområde der du legger inn dine egne lenker i menyen. Det kommer ferdig utfylt med en plassholder-/eksempeltekst, og den teksten vises live i menyen i nettbutikken helt til du fjerner den. Ser du fremmed eksempeltekst i menyen, er dette nesten alltid årsaken.

💡 Slik fjerner du plassholderen: Åpne Designbyggeren og klikk på Hovedmeny-blokken for å åpne innstillingene. Slå på Avansert modus hvis det ikke allerede er på. Finn feltet Egendefinerte lenker og åpne teksteditoren. Slett plassholderteksten (legg inn dine egne lenker hvis du vil ha noen), og klikk Lagre og publiser. La feltet stå tomt for å fjerne de egendefinerte lenkene helt.

Megamenyen

Megamenyen er det store panelet som åpnes under et menyelement. Du styrer hvordan det åpnes og hvor dypt det går.

Innstilling	Hva den styrer
Utvid	Viser megamenyen som åpen i forhåndsvisningen for å gjøre det lettere å tilpasse design.
Megameny-stil	Den visuelle stilen på det utvidede panelet
Megameny-handling	Om den åpnes ved hover eller ved klikk
Antall megameny-nivåer	Hvor mange kategorinivåer menyen går i dybden
Megameny-bredde	Om panelet spenner over hele bredden
Veksle underkategorier	Lar underkategorier slås sammen og utvides
Antall nedtrekkskolonner	Hvor mange kolonner underkategoriene fordeles i
«Se alle»-størrelse og -vekt	Styling for «se alle»-lenken nederst i en kategori

Megameny-farger

Sett megamenyens egen bakgrunn, tekstfarge og hover-tekstfarge uavhengig av hovedmenylinjen. Slik kan nedtrekkspanelet ha et annet uttrykk enn linjen det faller ut fra.

Styling av menylinjen

Menyen har tre tilstander — normal, hover og aktiv (gjeldende side). Du kan sette bakgrunns- og tekstfarger for hver av dem.

Tilstand	Innstillinger
Normal	Bakgrunn og tekstfarge for første nivå
Hover	Bakgrunn og tekstfarge ved hover
Aktiv	Bakgrunn og tekstfarge når aktiv

Typografi og avstand

Innstilling	Hva den styrer
Fontstørrelse	Størrelsen på menyteksten
Fontvekt	Hvor fet teksten er
Teksttransformasjon	Store bokstaver, små bokstaver, stor forbokstav eller ingen
Mellomrom	Avstand mellom menyelementer
Vis pil	Vis en liten pil ved siden av elementer som har nedtrekk
Pil-mellomrom	Avstand mellom teksten og pilen

Du kan også sette egen fontstørrelse, -vekt og teksttransformasjon for første, andre og tredje kategorinivå inni megamenyen.

Understrek-effekt

Slå på tekstdekorasjonseffekten for å gi menyelementene en animert understrek ved hover. Du styrer så tykkelse, avstand fra teksten og farge.

Kantlinjer og hjørner

Innstilling	Hva den styrer
Vis kantlinje	Legger til en kantlinje på menyen
Kantlinjefarge	Fargen på kantlinjen
Hjørneradius for nedtrekk	Avrunder hjørnene på nedtrekkspanelet
Bruk global radius	Bruk temaets globale hjørneavrunding i stedet for en egen verdi

Oppsett og synlighet

Tekstjustering — justerer menyelementene i linjen.
Bakgrunn og tekstfarge — grunnfargene for hele menyen.
Bredde-innstillinger for desktop, nettbrett og mobil.
Egen CSS-klasse og blokkbetingelser for avansert styling og vis/skjul-regler.

Tips

Antall megameny-nivåer styrer dybden. Hvis underkategoriene ikke vises, øk antall nivåer.
Hover kontra klikk har betydning for berøringsskjermer. Klikk for å åpne er ofte mer brukervennlig på nettbrett.
De tre fargetilstandene (normal, hover, aktiv) er det som gjør at en meny føles gjennomarbeidet — sett alle tre så gjeldende side er tydelig markert.
På mobil erstattes hovedmenyen vanligvis av Mobilmenyknapp-blokken, som åpner navigasjonen som et utfellbart panel.