Menuindstillinger

Skift layout, elementer, animation, afstande og andre indstillinger, der gælder for hele menuen.

Reference Alle abonnementer 4 min. læsning

Fanen Indstillinger styrer, hvor menuen vises, og hvordan alle dens punkter ser ud og opfører sig. Vil du i stedet style et enkelt punkt, så brug dets egne indstillinger – se Rediger et menupunkt.

Åbn indstillingerne

Åbn fanen Indstillinger

Åbn menuen i Menuadministration, og klik derefter på tandhjulsikonet i editorens venstre sidebjælke. Forhåndsvisningen opdateres, mens du redigerer.

Tandhjulsikonet åbner menuindstillingerne.
Gem og udgiv

Klik på Gem og derefter på Udgiv.

Standardværdierne nedenfor er dem, en ny menu som regel starter med; nogle afhænger af dit tema.

Indstillinger

Position

Automatisk: Appen finder dit temas hovedmenu og erstatter den.
Udskift navigation: Du vælger de temamenuer, der skal erstattes, i Vælg din hovedmenu og Vælg din mobilmenu.
Vis menuen på denne CSS-vælger: Du angiver områdets vælger i CSS-vælger til din hovedmenu og CSS-vælger til din mobilmenu. Brug kun denne mulighed, hvis mulighederne ovenfor ikke virker i dit tema.

Hver mulighed er forklaret trin for trin i Udgiv en menu til dit tema.

Layout og elementer

RetningStandard: Vandret: Vandret viser punkterne på øverste niveau i en række. Lodret stabler dem i en kolonne som en sidebjælkemenu.
JustérStandard: Venstre: Justerer punkterne på øverste niveau til Venstre, Højre eller Centreret i menubjælken.
Menuens maksimale breddeStandard: Tom: Menuens maksimale bredde i px, f.eks. 1200. Tom bruger hele den tilgængelige bredde.
Vis søgefeltStandard: Til: Tilføjer et søgefelt til produkter i menuen.
Vis skillelinje på computerStandard: Til: En skillelinje mellem punkterne på øverste niveau på computer. Farve: Farver > Separator color (skillelinjefarve).
Vis skillelinje på mobilStandard: Til: Skillelinjer mellem punkterne i mobilmenuen.
Vis indikatorer (pil ned)Standard: Til: En lille pil ved punkter, der har en undermenu.

Undermenu

Vis kantStandard: Til: En kant om undermenuer. Farve: Farver > Undermenu > Border color (kantfarve).
Aktivér rullepanel på computerStandard: Til: Kunderne kan rulle i en undermenu, der er højere end skærmen, i stedet for at den bliver skåret af.
Aktivér rullepanel på mobilStandard: Til: Det samme for mobilmenuen.
Undermenuens maksimale breddeStandard: Tom: Undermenuens maksimale bredde i px. Tom bruger standardbredden.
Åbningsstil på mobilStandard: Dropdown: Dropdown folder undermenuen ud under det overordnede punkt. Glid åbner den som et nyt panel med en vej tilbage til det forrige niveau.

Menuanimation

Udløser – computerStandard: Hover: Hvordan undermenuer åbnes på computer: Hover, Klik eller Skift ved klik.
Udløser – mobilStandard: Skift ved klik: Hvordan undermenuer åbnes i mobilmenuen, med de samme tre muligheder.
EffektStandard: Fade ind: Åbningsanimationen: Fade ind eller Flyt op.
Hastighed på overgangStandard: 300: Animationens længde i ms, op til 1500.
Forsinkelse på overgangStandard: 150: Ventetid, før en undermenu åbnes eller lukkes, i ms, op til 1500. Med Hover forhindrer den, at undermenuer blinker frem, når musen passerer hen over dem.

Udløserne:

Hover – undermenuen åbnes, når musen bevæges hen over punktet.
Klik – det første klik eller tryk åbner undermenuen; klikker du på punktet igen, går det til linket.
Skift ved klik – hvert klik åbner eller lukker undermenuen; det overordnede punkt går aldrig til sit link.

Kontolinks

Genveje til kundekontoen, der skifter efter kundens loginstatus. Alle er slået fra som standard. Når du slår en til, vises felter til dens ikon og titel (f.eks. Login-ikon og Login-titel, hvis du vil omdøbe “Log ind” til “Log på”).

Vis login-linkStandard: Fra: Vises, når kunden ikke er logget ind.
Vis registreringslinkStandard: Fra: Et link til at oprette en konto. Vises, når kunden ikke er logget ind.
Vis kontolinkStandard: Fra: Et link til kundens kontoside. Vises, når kunden er logget ind.
Vis log ud-linkStandard: Fra: Vises, når kunden er logget ind.

Afstand

Træk i skyderen, eller skriv en værdi i px.

Indvendig margen i hovedmenuStandard: 20: Vandret afstand på hver side af hvert punkt på øverste niveau.
Linjehøjde i hovedmenuStandard: 50: Højden på menubjælken på øverste niveau.
Linjehøjde i dropdownStandard: 50: Højden på hver række i en dropdown-undermenu.
Linjehøjde i faneStandard: 50: Højden på hver fane i en fanemenu.
Linjehøjde i linklisteStandard: 30: Højden på hvert link i en linklisteblok.

Karrusel

Gælder blokke, der glider, f.eks. produktkarruseller og billedslideren.

Automatisk afspilningStandard: Til: Slides skifter af sig selv.
Uendelig løkkeStandard: Til: Efter det sidste slide starter karrusellen forfra.

Avanceret

Mobilmenu når bredden er mindre endStandard: 768: Skærmbredden i px, under hvilken mobilmenuen bruges. Bredere skærme får computermenuen.
Skjul undermenuen i linklisteblokkenStandard: Fra: Kun mobil. Folder linkene under hver linklisteoverskrift sammen; kunderne trykker på overskriftens pil for at folde dem ud.
Vis knappen Læg i kurvStandard: Fra: En Læg i kurv-knap på produkter i menuens produktblokke. Farver: Farver > Knappen Læg i kurv.
Aktivér doven indlæsning af billederStandard: Til: Indlæser kun menubilleder, når der er brug for dem, hvilket hjælper sidehastigheden. Vi anbefaler at lade den være slået til.

Fejlfinding

Et tryk på et overordnet punkt på mobil åbner ikke dets side

Når Udløser – mobil er sat til Skift ved klik, åbner et tryk på et overordnet punkt kun dets undermenu. Skift til Klik, eller tilføj den overordnede side som det første link i undermenuen. Se Et menupunkt viderestiller ikke på mobil.

Mobilmenuen vises ikke på en tablet eller en lille bærbar

Computermenuen bruges på alle skærme, der er bredere end Mobilmenu når bredden er mindre end. Hæv værdien.

Var dette nyttigt?

Rapportér et problem