Gå til innholdet
Installer appen
Norsk (bokmål)

Menyinnstillinger

Endre oppsett, elementer, animasjon, avstander og andre innstillinger som gjelder hele menyen.

Referanse Alle planer 4 min lesing

Fanen Innstillinger styrer hvor menyen vises, og hvordan alle elementene i den ser ut og oppfører seg. Vil du heller style ett enkelt element, bruker du elementets egne innstillinger – se Rediger et menyelement.

Åpne innstillingene

  1. Åpne fanen Innstillinger

    I Menybehandling åpner du menyen og klikker på tannhjulikonet i sidefeltet til venstre i redigeringsverktøyet. Forhåndsvisningen oppdateres mens du redigerer.

    Tannhjulikonet åpner menyinnstillingene.
  2. Lagre og publiser

    Klikk på Lagre og deretter Publiser.

Standardverdiene nedenfor er verdiene en ny meny vanligvis starter med. Noen avhenger av temaet ditt.

Innstillinger

Posisjon

Erstatt automatisk
Appen finner hovedmenyen i temaet og erstatter den.
Bytt ut navigering
Du velger temamenyene som skal erstattes, i Velg hovedmenyen din og Velg mobilmenyen din.
Vis menyen på denne CSS-velgeren
Du skriver inn velgeren for området i CSS-velger for hovedmenyen og CSS-velger for mobilmenyen. Bruk dette bare hvis alternativene over ikke fungerer med temaet ditt.

Hvert alternativ forklares steg for steg i Publiser en meny i temaet.

Oppsett og elementer

Delene Posisjon, Oppsett og Elementer
RetningStandard: Vannrett
Vannrett viser elementene på øverste nivå på en rad. Loddrett stabler dem i en kolonne, som en sidefeltmeny.
JusterStandard: Venstre
Justerer elementene på øverste nivå til Venstre, Høyre eller Midten i menylinjen.
Menyens maksbreddeStandard: Tom
Største menybredde i px, for eksempel 1200. Tom bruker hele den tilgjengelige bredden.
Vis søkefeltStandard: På
Legger til et produktsøkefelt i menyen.
Vis skillelinje på datamaskinStandard: På
En skillelinje mellom elementene på øverste nivå på datamaskin. Farge: Farger > Separator color (skillelinjefarge).
Vis skillelinje på mobilStandard: På
Skillelinjer mellom elementene i mobilmenyen.
Vis indikatorer (pil ned)Standard: På
En liten pil ved siden av elementer som har en undermeny.

Undermeny

Vis kantlinjeStandard: På
En kantlinje rundt undermenyene. Farge: Farger > Undermeny > Border color (kantlinjefarge).
Aktiver rullefelt på datamaskinStandard: På
Kundene kan rulle i en undermeny som er høyere enn skjermen, i stedet for at den blir kuttet.
Aktiver rullefelt på mobilStandard: På
Det samme, for mobilmenyen.
Undermenyens maksbreddeStandard: Tom
Største bredde på undermenyen i px. Tom bruker standardbredden.
Åpningsstil på mobilStandard: Nedtrekksmeny
Nedtrekksmeny utvider undermenyen under det overordnede elementet. Skyv åpner den som et nytt panel, med en vei tilbake til forrige nivå.

Menyanimasjon

Delen Menyanimasjon, under Åpningsstil på mobil
Utløser – datamaskinStandard: Hover
Hvordan undermenyer åpnes på datamaskin: Hover, Klikk eller Veksle ved klikk.
Utløser – mobilStandard: Veksle ved klikk
Hvordan undermenyer åpnes i mobilmenyen, med de samme tre alternativene.
EffektStandard: Overtoning
Åpningsanimasjonen: Overtoning eller Flytt opp.
Hastighet for overgangStandard: 300
Animasjonens lengde i ms, opptil 1500.
Forsinkelse for overgangStandard: 150
Ventetid før en undermeny åpnes eller lukkes, i ms, opptil 1500. Med Hover hindrer den at undermenyer blinker opp når musen passerer over.

Utløserne:

  • Hover – undermenyen åpnes når musen beveges over elementet.
  • Klikk – det første klikket eller trykket åpner undermenyen. Klikker du på elementet igjen, går det til lenken.
  • Veksle ved klikk – hvert klikk åpner eller lukker undermenyen. Det overordnede elementet går aldri til lenken sin.

Kontolenker

Snarveier til kundekontoen som skifter etter om kunden er logget inn. Alle er av som standard. Når du slår på en, vises felt for ikonet og tittelen (for eksempel Innloggingsikon og Innloggingstittel, for å endre «Login» til «Logg inn»).

Vis innloggingslenkeStandard: Av
Vises når kunden ikke er logget inn.
Vis registreringslenkeStandard: Av
En lenke for å opprette en konto. Vises når kunden ikke er logget inn.
Vis kontolenkeStandard: Av
En lenke til kundens kontoside. Vises når kunden er logget inn.
Vis utloggingslenkeStandard: Av
Vises når kunden er logget inn.

Avstander

Delene Kontolenker og Avstander

Dra glidebryteren eller skriv inn en verdi i px.

Innvendig marg i hovedmenyStandard: 20
Vannrett avstand på hver side av hvert element på øverste nivå.
Linjehøyde i hovedmenyStandard: 50
Høyden på menylinjen på øverste nivå.
Linjehøyde i nedtrekksmenyStandard: 50
Høyden på hver rad i en nedtrekksmeny.
Linjehøyde i faneStandard: 50
Høyden på hver fane i en fanemeny.
Linjehøyde i lenkelisteStandard: 30
Høyden på hver lenke i en lenkelisteblokk.

Karusell

Gjelder blokker som glir, for eksempel produktkaruseller og bildekarusellen.

Automatisk avspillingStandard: På
Lysbildene flytter seg av seg selv.
Uendelig løkkeStandard: På
Etter det siste lysbildet starter karusellen fra det første igjen.

Avansert

Delene Karusell og Avansert
Mobilmeny når bredden er mindre ennStandard: 768
Skjermbredden i px der mobilmenyen tas i bruk. Bredere skjermer får datamaskinmenyen.
Skjul undermenyen til lenkelisteblokkenStandard: Av
Bare mobil. Skjuler lenkene under hver lenkelisteoverskrift. Kundene trykker på pilen ved overskriften for å vise dem.
Vis knappen Legg i handlekurvStandard: Av
En knapp for å legge i handlekurven på produkter i menyens produktblokker. Farger: Farger > Knappen Legg i handlekurv.
Aktiver lat innlasting av bilderStandard: På
Laster bare inn menybilder når de trengs, noe som gjør siden raskere. Vi anbefaler å la den være slått på.

Feilsøking

Når jeg trykker på et overordnet element på mobil, åpnes ikke siden

Når Utløser – mobil er satt til Veksle ved klikk, åpner et trykk på et overordnet element bare undermenyen. Endre den til Klikk, eller legg til den overordnede siden som første lenke i undermenyen. Se Et menyelement åpnes ikke på mobil.

Mobilmenyen vises ikke på nettbrett eller liten bærbar PC

Datamaskinmenyen brukes på alle skjermer som er bredere enn Mobilmeny når bredden er mindre enn. Øk den verdien.

Var dette nyttig?

Rapporter et problem