Met versie 14 introduceert TOWeb native ondersteuning voor megamenu's. Dit type menu, inmiddels gangbaar op e-commercesites en sites met veel inhoud, toont veel meer dan een eenvoudige lijst met links: afbeeldingen, titels, categorieën en duidelijke hiërarchieën zijn zichtbaar zodra het menu opengaat.

Het doel is eenvoudig: de navigatie verbeteren, belangrijke pagina's beter bereikbaar maken en de site overzichtelijker maken, vooral wanneer die veel rubrieken bevat.

Wat is een megamenu?

Een megamenu is een uitgebreid navigatiemenu dat meestal opent wanneer u met de muis over een item van het hoofdmenu beweegt of erop klikt.
In tegenstelling tot een klassiek menu kan het het volgende bevatten:

  • meerdere kolommen met links
  • categorietitels
  • een presentatieafbeelding
  • een korte beschrijvende tekst

Dit type menu is bijzonder geschikt voor:

  • e-commercesites
  • presentatiesites met veel pagina's
  • institutionele sites of sites van verenigingen
  • sites die meerdere diensten of productlijnen aanbieden

Megamenu's in TOWeb 14

In TOWeb 14 zijn megamenu's rechtstreeks in het navigatiesysteem van de site geïntegreerd.
U stelt ze in via het venster voor het beheer van het hoofdmenu, dat altijd bereikbaar is via de sneltoets CTRL+M.

Elk megamenu kan bestaan uit:

  • een optionele eerste kolom met een afbeelding, een titel en een tekst
  • meerdere kolommen met links, die elk een categorie kunnen vertegenwoordigen
  • een structuur die volledig naar uw behoeften kan worden aangepast

U kunt meerdere Mega Menu's op dezelfde site maken.

Het WELLORA-template dat bij TOWeb 14 wordt geleverd, bevat een voorbeeld van een Mega Menu voor de sectie ‘Shop’.
Het toont een typisch gebruik: een visuele presentatie gevolgd door 3 productcategorieën in kolommen.

De menu-instelling in TOWeb om een megamenu te maken

Waarom een Mega Menu gebruiken?

Het belangrijkste voordeel van het Mega Menu is een betere gebruikerservaring wanneer de site omvangrijker wordt.

Concreet kunt u hiermee:

  • het aantal klikken verminderen om een pagina te bereiken
  • belangrijke categorieën al op het eerste niveau zichtbaar maken
  • te lange vervolgkeuzemenu's vermijden
  • informatie duidelijk structureren

Op een e-commercesite kunt u er bijvoorbeeld meteen de verschillende productlijnen mee tonen.
Op een presentatiesite maakt het diensten, belangrijke pagina's of praktische informatie makkelijker bereikbaar.

Aanpassing en stijlen

Het uiterlijk van Mega Menu's kunt u aanpassen in de CSS-editor van TOWeb, in het onderdeel voor het menu.
U kunt onder meer aanpassen:

  • de hoofdkleuren
  • de kolombreedte
  • de tussenruimtes
  • de uitlijning van de inhoud

Zo past u het Mega Menu aan de visuele identiteit van de site aan, zonder de algehele samenhang van het thema te verstoren.

Een geopend megamenu op een site gemaakt met TOWeb

Een Mega Menu instellen in TOWeb 14

Een Mega Menu maakt u in een paar stappen:

  1. Open het beheer van het hoofdmenu van uw site CTRL+M.
  2. Klik op de knop Nieuw megamenu (zie de afbeelding in de vorige paragraaf "Mega Menu's in TOWeb 14").
  3. Vink het vakje Presentatie aan (optioneel) als u wilt dat uw megamenu begint met een kolom met een foto en/of tekst die de inhoud weergeeft.
  4. Klik op Lijst met links" om uw links en kolommen toe te voegen.
  5. Pas ten slotte de stijlen van de megamenu's van uw site aan via het element Menu van de CSS-editor van het Thema (zie de afbeelding in de vorige paragraaf "Aanpassing en stijlen").
  6. Publiceer de site.

Een menu ontworpen voor groeiende sites

Het Mega Menu is vooral handig wanneer de site in de loop van de tijd verandert.
U kunt er nieuwe rubrieken of categorieën mee toevoegen zonder de hele bestaande navigatie om te gooien.

In combinatie met de andere nieuwe functies van TOWeb 14 (tabbladen, zijmenu, snel zoeken naar rubrieken) is het een effectief hulpmiddel om een site overzichtelijk en georganiseerd te houden, ook wanneer die complexer wordt.

Verder gaan met TOWeb 14

Alle nieuwe functies van TOWeb 14 worden beschreven op de volgende pagina:
→ Alle nieuwe functies van TOWeb 14

Uw licentie upgraden naar TOWeb 14

Zo voert u de upgrade uit:

→ Installeer TOWeb 14 op de computer waarop uw huidige versie van TOWeb (1 tot 13) staat, start TOWeb 14 en klik op Licentie / Over in de stap Bestand.

→ Of neem uw laatste aankoopfactuur van TOWeb bij de hand en ga naar de pagina voor licentie-upgrade naar TOWeb V14

Hebt u problemen, dan kunt u contact opnemen met onze verkoopafdeling via ons contactformulier.