Hoe stel je de header navigatie in binnen Datamotive?

Met het fragment Header navigatie in Datamotive richt je de structuur van je navigatiebalk in. De navigatie bestaat uit meerdere niveaus: primair, secundair en tertiair. Optioneel kun je tabnavigatie, merkenlogo's of een inlogknop toevoegen.

Een fragment aanmaken of openen

Stap 1 – Nieuw fragment aanmaken
Navigeer via Content > Ga naar CMS naar het CMS. Klik op Fragmenten > Nieuw fragment, kies het fragmenttype Header navigatie en geef het fragment een duidelijke naam, bijvoorbeeld "Navigatie hoofdsitestructuur".

Of: bestaand fragment bewerken
Ga naar Webspaces > Standaard fragmenten en klik op het fragment in de regel Header navigatie om het te openen en te bewerken.

Logo-link instellen

Stap 2 – Logo-link instellen (optioneel)
Bovenin het fragment kun je een logo-link instellen. Standaard leidt een klik op het logo naar de homepage van de gekoppelde webspace. Je kunt dit overschrijven door een specifieke pagina of URL te kiezen.

Primaire navigatie instellen

Stap 3 – Voeg primaire navigatie-items toe
De primaire navigatie bevat de hoofditems van je menustructuur. Klik op + Item toevoegen en kies uit twee typen:

• Link – een directe klikbare link. Stel in: titel, link (interne pagina of URL) en of de link opent in het huidige of een nieuw tabblad.
• Tab – een uitklapbaar menu met meerdere kolommen en contentblokken. Voeg per kolom één of meerdere blokken toe. Beschikbare bloktypes zijn: Links, Tekst, Knoppen, Afbeelding, Video / YouTube-video, Card, Grid, Slider, FAQ, HTML en Werkplaatsplanner ingang. Geef per blok een titel en de bijbehorende instellingen op.

Secundaire navigatie instellen

Stap 4 – Secundaire navigatie instellen (optioneel)
De secundaire navigatie wordt doorgaans gebruikt voor het tonen van merken- of importeurslogo's. Klik op + Item toevoegen onder Secundaire navigatie en vul in:

• Titel: tooltip of alternatieve tekst
• Link: de pagina waarop wordt doorgelinkt
• Open in: tabbladinstelling
• Logo: selecteer het bijbehorende logo via de mediabibliotheek

Loginlink toevoegen

Stap 5 – Loginlink toevoegen (optioneel)
Je kunt een directe loginknop tonen voor toegang tot bijvoorbeeld een klantportaal. Vul de titel van de loginknop in (bijvoorbeeld "Inloggen"), selecteer de bijbehorende link en kies of deze opent in hetzelfde of een nieuw tabblad.

Let op: deze functie is alleen beschikbaar wanneer het klantportaal niet als module is geactiveerd binnen Datamotive.

Tertiaire navigatie instellen

Stap 6 – Tertiaire navigatie instellen (optioneel)
De tertiaire navigatie, ook wel meta navigatie genoemd, is bedoeld voor kleine informatieve links zoals een privacyverklaring, cookiebeleid of 'Werken bij'. Klik op + Item toevoegen en vul in:

• Titel: naam van de link
• Link: pagina of URL
• Open in: tabbladgedrag

Opslaan en koppelen

Stap 7 – Sla op en koppel het fragment
Klik rechtsboven op Opslaan. Ga vervolgens naar het Header layout-fragment waar deze navigatie moet worden gebruikt, voeg een component toe van het type Primaire navigatie en selecteer dit fragment. Koppel daarna het fragment aan je webspace via Webspaces > Standaard fragmenten en selecteer bij de regel Header navigatie het juiste fragment. Publiceer tot slot je webspace om de nieuwe navigatie zichtbaar te maken.

Overzicht navigatieniveaus