Kop- en voetteksten

De websiteheader is het bovenste gedeelte van een webpagina en bevat meestal elementen zoals het logo, het menu, de zoekbalk, de aanmeld-/klantrekeningknop, enz. De footer wordt onderaan een webpagina weergegeven en bevat meestal informatie zoals contactgegevens, links, juridische mededelingen en andere opties.

Headerontwerp.

Klik op Bewerken en vervolgens op de header om het ontwerp van de header te wijzigen. De volgende opties zijn beschikbaar in het gedeelte Header van het tabblad Personaliseren in de website-editor:

  • Kies een Sjabloon uit het vervolgkeuzemenu.

  • Selecteer Achtergrond-instellingen om het kleurenpalet te wijzigen via verschillende Themastijlen, Aangepaste kleuropties en Verloop-opties.

  • Bij het toevoegen van een Rand aan de header kunnen de grootte, stijl en kleur worden gedefinieerd.

  • Pas Afgeronde hoeken aan om bij het ontwerp te passen.

  • Voeg een Schaduw toe en definieer de Kleur, Offset, Vervagen en Spreiding.

  • Voeg een Scrolleffect toe. Plaats de cursor op een effect om een voorbeeld te bekijken.

  • Kies de Headerpositie tussen Normaal, Verborgen en Over de inhoud. Wanneer Over de inhoud is geselecteerd, kun je de Achtergrond en Tekstkleur aanpassen.

  • Elementen zoals tekst, de zoekbalk, Ondertekenen-knop, social media-links, Contacteer ons-knop en logo tonen of verbergen via Elementen.

Klik op Opslaan om wijzigingen te voltooien.

Tip

Klik op Bewerken, klik op de header en ga naar het tabblad Thema van de website-editor om de header te verbergen. Scroll naar beneden naar de sectie Geavanceerd en schakel de schakelaar Header tonen om de header te verbergen/tonen.

Headerinhoud

Menu’s organiseren de inhoud van de header en helpen gebruikers effectief door webpagina’s te navigeren. Gebruiksvriendelijke en goed gestructureerde menu’s spelen ook een cruciale rol bij het verbeteren van zoekmachinerankings.

Voeg menu-items toe

Standaard worden pagina’s als vervolgkeuzemenu-items aan het menu toegevoegd wanneer ze worden aangemaakt. Volg deze stappen om een nieuw menu-item toe te voegen:

  1. Ga naar Website ‣ Site ‣ Menu-editor.

  2. Klik in de menu-editor op Menu-item toevoegen.

  3. Voer in het pop-upvenster de Naam in die in het menu wordt weergegeven.

  4. Typ / in het veld URL of e-mail om te zoeken naar een pagina op je website of # om te zoeken naar een bestaand aangepast anker.

  5. Klik op OK.

  6. Bewerk indien nodig de menustructuur en sla op.

Megamenu’s

Mega menus are similar to drop-down menus, but instead of a simple list of sub-menus, they display a panel divided into groups of navigation options. This makes them suitable for websites with large amounts of content or e-commerce websites, as they can help include all of your web pages or e-commerce categories in the menu while still making all menu items visible at once.

Megamenu in de navigatiebalk.

Ga naar Website ‣ Site ‣ Menu-editor en klik op Megamenu-item toevoegen om een megamenu te maken. Voer de naam van het megamenu in het pop-upvenster in, klik op OK en sla op.

Klik op een megamenu-item in de header en klik vervolgens op Bewerken om de opties en inhoud van het megamenu aan te passen. Megamenu’s bestaan uit bouwblokken, wat betekent dat je elk onderdeel afzonderlijk kunt aanpassen. Bijvoorbeeld:

  • Bewerk de tekst rechtstreeks in het bouwblok.

  • Bewerk de URL van een menu-item door het menu-item te selecteren en op de knop Link bewerken in het kleine voorbeeldvenster te klikken. Typ / om naar een pagina op je website te zoeken, of # om naar een bestaand aangepast anker te zoeken.

    Bewerk een megamenu-optie.

  • Verplaats een menu-item door het gerelateerde blok naar de gewenste positie in het megamenu te slepen.

  • Verwijder een menu-item door het gerelateerde blok te verwijderen.

Ga naar het tabblad Personaliseren van de website-editor en vervolgens naar de sectie Megamenu om de algemene lay-out van het megamenu aan te passen:

  • Kies een sjabloon.

  • Kies de Grootte: Volledige breedte of Smal.

Klik op Opslaan om wijzigingen te voltooien.

Verberg een dynamisch menu-item voor niet-ingelogde gebruikers

Volg deze stappen om een dynamisch menu-item (d.w.z. een menu-item dat automatisch door Odoo wordt gegenereerd, bijvoorbeeld bij het installeren van een app of module, zoals Evenementen, Cursussen, enz.) te verbergen voor niet-ingelogde gebruikers:

  1. Schakel de ontwikkelaarsmodus in.

  2. Ga naar Website ‣ Configuratie ‣ Menu’s.

  3. Vouw indien nodig de lijst met menu’s voor de betreffende website uit en klik vervolgens op het menu-item dat je wilt verbergen.

  4. Klik in het gedeelte Zichtbare groepen op Voeg een regel toe onder Groepsnaam.

  5. Zoek naar de groep Gebruikerstypen / Portaal, selecteer deze en klik op Selecteer.

  6. Bewaar.

Tip

Om het menu-item Shop te verbergen, beperk je de e-commerce-toegang tot ingelogde gebruikers.