1. Home
  2. Knowledge base
  3. Koptekst en uitbreidbaar menu

Koptekst en uitbreidbaar menu

Je kan een uitbreidbaar menu toevoegen aan jouw desktop en tablet sites, waardoor het eenvoudig is om moderne sites te maken die een grote flexibiliteit in ontwerp hebben. Je kan kiezen uit verschillende uitbreidbare menu-indelingen en deze naar wens aanpassen door widgets, rijen en kolommen toe te voegen.

De uitbreidbare menu-indeling voor mobiele toestellen biedt meer aanpassingen, een manier om widgets in de koptekst weer te geven en een menu dat altijd zichtbaar is.

Je kan de lay-out van de koptekst wijzigen in een voorgedefinieerde lay-out met knoppen, klik om te bellen, winkelwagen, sociale pictogrammen en nog veel meer. Je kan elke widget toevoegen aan het uitbreidbare menu van het widgetspaneel.

Desktop en Tablet

De uitbreidbare menu-indeling selecteren

Om een uitbreidbare menu-indeling voor jouw site te selecteren:

  1. Klik in het linkerpaneel op “Ontwerp”.
  2. Klik op “Site Lay-out”.
  3. Selecteer in het desktopgedeelte “Uitbreidbare menustructuur”.
  4. Selecteer in het gedeelte “Tablet” de lay-out aan de linkerkant.

Desktop en Tablet Koptekst

Na het selecteren van de uitbreidbare menu-indeling verschijnt er een hamburger icoon in de kop van jouw site. Klik op het “hamburger” icoon om het uitbreidbare menu te zien.hamburger icon

Om de locatie van het uitbreidbare menu in de kop te bewerken:

  1. Ga met de muis over de koptekst, klik op “Koptekst” en selecteer vervolgens “Ontwerp bewerken”.
  2. Klik in de Lay-outsectie op “Links” of “Rechts”.

Desktop en tablet uitbreidbaar menu

Om het uitbreidbare menu te configureren:

  1. Klik op het hamburger icoon om de “Menu Design” editor te openen.
    hamburger icon
  2. Op het tabblad “Lay-out” klik je op de bestaande lay-out om een menu-indeling te selecteren.
  3. Op het tabblad “Stijl” heb je de volgende opties:
    • Kom binnen vanaf. Selecteer “Boven” of “Zijkant”.
    • Toegangseffect. Selecteer “Cover” of “Push”.
    • Breedte. Verplaats de schuifregelaar om de breedte van het uitbreidbare menu in te stellen wanneer deze wordt uitgebreid. De breedte van het menu is gedefinieerd in percentages om te passen bij alle schermafmetingen.
    • Achtergrond. Configureer de achtergrondkleur of -afbeelding.
    • De kleur van het pictogram sluiten. Selecteer een kleur en de achtergrondkleur voor het sluitingspictogram .
  4. Op het tabblad “Spacing” (tussenruimte) moet de opvulling worden veranderd.

Het uitbreidbare menu kan tot 3 rijen bevatten, en elke rij is volledig op maat gemaakt.

Opmerking: Als de desktop en de tablet dezelfde site lay-out hebben (beide uitbreidbaar of beide bovenste balk), zijn alle aanpassingen voor beide hetzelfde. In het geval dat ze verschillend zijn, moet elk apparaat afzonderlijk worden gedefinieerd.

Als je de bovengenoemde koptekst functies niet ziet, gebruik je mogelijk de oude koptekst. Om de nieuwe koptekst bij te werken, klik je op de kopteskt in de desktop- en tabletweergave. Er wordt een automatische back-up gemaakt wanneer je de koptekst bijwerkt.

Let op: Deze stap is alleen van toepassing op bestaande sites. Het heeft geen betrekking op nieuwe sites.

Mobiele Koptekst

Om de mobiele koptekst te bewerken:

  1. Ga met de muis over de koptekst, klik op het label “Koptekst” en selecteer vervolgens “Ontwerp bewerken”.
  2. Op het tabblad “Lay-out” klik je op de bestaande lay-out om een menu-indeling te selecteren.
    De mobiele koptekst biedt lay-outs die widgets zoals sociale links, telefoonnummers en meer weergeven. De koptekst lay-outs zijn vast, dus je kan geen nieuwe widgets toevoegen, maar je kan ze wel bewerken of verwijderen.
    Wanneer je een winkel toevoegt of de meertalige functie gebruikt, zijn er meer lay-outopties beschikbaar. Als je  de meertalige functie niet hebt ingeschakeld, worden deze lay-outs niet weergegeven.
  3. Klik op “Links” of “Rechts” voor de positie van het menu pictogram.

Mobiele navigatie

Om het uitbreidbare menu te bewerken, open je het menu in mobiele weergave. De menu editor opent automatisch voor jou om te bewerken.

  1. Op het tabblad “Lay-out” klik je op de bestaande lay-out om een menu-indeling te selecteren.
    Het uitbreidbare menu biedt meerdere lay-outs die de sociale links, contactgegevens en meer kunnen weergeven. Je kan elke willekeurige widget aan het uitbreidbare menu toevoegen, kolommen toevoegen, de kolommen naast elkaar of boven elkaar sorteren. Wanneer je echter van de ene naar de andere lay-out overschakelt, wordt alle inhoud die je aan het menu hebt toegevoegd verwijderd, waarbij alleen de widgets in de gekozen lay-out worden meegenomen.
  2. Op het tabblad “Stijl” heb je de volgende opties:
    • Kom binnen vanaf. Selecteer “Boven” of “Zijkant”. Als je “boven” selecteert, beweeg je de schuifregelaar “hoogte”. Wanneer “zijkant” is geselecteerd, verplaats dan de “breedte” schuifregelaar.

Updates voor mobiele lay-outs

Op 8 september 2019 werden drie mobiele lay-outs verwijderd omdat ze niet vaak werden gebruikt. De twee resterende lay-outs zijn meer up-to-date en nuttig.

Als je al een site hebt met een van de verwijderde lay-outs en je selecteert een andere lay-out, zullen de verwijderde lay-outs verdwijnen, maar je zal ze kunnen herstellen van de back-up van de site.

Om de nieuwe koptekst van de mobiele weergave bij te werken, klik je op de koptekst in de mobiele weergave. Er wordt een automatische back-up gemaakt wanneer je de koptekst bijwerkt.

Let op: Deze stap geldt alleen voor bestaande sites, niet voor nieuwe sites.

Geüpdatet op 27 april 2022

Heeft dit artikel jou geholpen?