Alle Megamenu opmaak opties

Bekijk hieronder alle Megamenu opties voor het submenu

Standaard smal megamenu
Submenu lijst met optioneel een afbeelding (breed)
Submenu lijst met optioneel een afbeelding (breed) met afbeelding
Submenu lijst met optioneel een afbeelding (breed) niveau 2 en 3
Submenu lijst met optioneel een afbeelding (breed)
Submenu lijst met grote afbeelding per sub-item (breed)
Submenugrid met kleine een afbeelding per sub-item (breed)

1. De basis van het Megamenu instellen

Wil je gebruik maken van het Megamenu voor jouw DDP website? Richt hiervoor dan eerst de basisinstellingen in. 

Ga in het CMS naar: Structuur > Menu's > Hoofdnavigatie en doorloop dan alle stappen in de slides hieronder. 

De basisinstellingen dienen ingesteld te worden op alle hoofd- of submenu-items waar een submenu onder aanwezig is, zoals hieronder afgebeeld bij Stap 1.

Stap 1 megamenu instellen

Stap 1

Stap 2 megamenu instellen

Stap 2

Stap 3 megamenu instellen

Stap 3

Stap 4 megamenu instellen

Stap 4

2. Standaard (smal)

De Megamenu opmaak optie Standaard (smal) submenu is de eerste optie uit de keuzelijst en komt qua uiterlijk het dichtst het traditionele uitklapmenu.

  1. Ga naar Structuur > Menu's > Hoofdnavigatie
  2. Doorloop de stappen uit hoofdstuk 1 De basis van het Megamenu instellen
  3. Klik in het menulink overzicht op Edit bij het hoofdmenu-item, waarbij dit submenu gewenst is
  4. Selecteer bij Type submenu opmaak de keuze Standaard (smal) - Zie afbeelding 2 hieronder
  5. Controleer of het vinkje Uitgeklapt weergeven aangevinkt staat
  6. Klik vervolgens onderaan op Opslaan

 

Standaard smal megamenu
Standaard smal megamenu instellen

3. Submenu lijst met optioneel een afbeelding (breed)

De Megamenu opmaak optie Submenu lijst met optioneel een afbeelding (breed) submenu is de tweede optie uit de keuzelijst. Deze stel als volgt in:

  1. Ga naar Structuur > Menu's > Hoofdnavigatie
  2. Doorloop de stappen uit hoofdstuk 1 De basis van het Megamenu instellen
  3. Klik in het menulink overzicht op Edit bij het hoofdmenu-item, waarbij dit submenu gewenst is
  4. Selecteer bij alle hoofdmenu-items, waarbij dit submenu gewenst is bij Type submenu opmaak de keuze Submenu lijst met optioneel een afbeelding (breed)
  5. Het toevoegen van een afbeelding is optioneel. Bekijk hieronder de voorbeelden
  6. Controleer of het vinkje Uitgeklapt weergeven aangevinkt staat
  7. Klik vervolgens onderaan op Opslaan

 

Stap 3 megamenu instellen
Submenu lijst met optioneel een afbeelding (breed)
Submenu lijst met optioneel een afbeelding (breed) met afbeelding
Submenu lijst met optioneel een afbeelding (breed) niveau 2 en 3
Submenu lijst met optioneel een afbeelding (breed)

4. Submenu lijst met grote afbeelding per submenu-item (breed)

De Megamenu opmaak optie Submenu lijst met grote afbeelding per submenu-item (breed) submenu is de derde optie uit de keuzelijst. Deze optie kun je gebruiken om bijvoorbeeld een visuele modellen- of uitvoeringen overzicht met extra informatie in je submenu te verwerken.

*Let op:  deze optie is alleen instelbaar, indien je een menustructuur hebt tot 3 niveaus diep (hoofdmenu, submenu en subsubmenu)

  1. Ga naar Structuur > Menu's > Hoofdnavigatie
  2. Doorloop de stappen uit hoofdstuk 1 De basis van het Megamenu instellen
  3. Klik in het menulink overzicht op Edit bij het hoofdmenu-item, waarbij dit submenu gewenst is
  4. Selecteer bij het submenu (niveau 2), waarbij dit submenu gewenst is bij Type submenu opmaak de keuze Submenu lijst met grote afbeelding per submenu-item (breed). Zie Afbeelding 2 hieronder.
  5. Laat hier het Afbeelding veld leeg, deze stel je namelijk bij de onderliggende submenu items
  6. Controleer of het vinkje Uitgeklapt weergeven aangevinkt staat
  7. Klik vervolgens onderaan op Opslaan
  8. Klik nu bij het onderliggende submenu-item op het link overzicht op Edit, waar je de grote afbeelding met optionele gegevens wilt instellen
  9. Laat het veld Type submenu opmaak op Standaard (smal) staan
  10.  Stel de gewenste afbeelding in (PNG of JPEG formaat). Voor afbeeldingen van vrijstaande auto's is een PNG aan te raden. Zie Afbeelding 3 hieronder.
  11.  Voeg optioneel bij Extra informatie de velden Label en Waarde in (max. 3)
  12.  Controleer of 'Uitgeklapt weergeven' NIET aangevinkt staat
  13.  Klik vervolgens onderaan op Opslaan
  14.  Herhaal stap 8 t/m 13 voor elk submenu- item (niveau 3) waar een grote afbeelding met eventuele gegevens gewenst is

 

Submenu lijst met grote afbeelding per sub-item (breed)
Submenu met grote afbeelding per subitem
Submenu lijst met grote afbeelding per sub-item (breed)

5. Submenu grid met kleine afbeelding per submenu-item (breed)

De Megamenu opmaak optie Submenu grid met kleine afbeelding per submenu-item (breed) submenu is de vierde optie uit de keuzelijst. Deze optie kun je gebruiken om bijvoorbeeld een visuele modellenoverzicht in je submenu te verwerken. 

*Let op:  deze optie is alleen instelbaar, indien je een menustructuur hebt tot 3 niveaus diep (hoofdmenu, submenu en subsubmenu)

  1. Ga naar Structuur > Menu's > Hoofdnavigatie
  2. Doorloop de stappen uit hoofdstuk 1 De basis van het Megamenu instellen
  3. Klik in het menulink overzicht op Edit bij het hoofdmenu-item, waarbij dit submenu gewenst is
  4. Selecteer bij het submenu (niveau 2, waarbij dit submenu gewenst is bij Type submenu opmaak de keuze Submenu grid met kleine afbeelding per submenu-item (breed). Zie Afbeelding 2 hieronder.
  5. Laat hier het Afbeelding veld leeg, deze stel je namelijk bij de onderliggende submenu items
  6. Controleer of het vinkje Uitgeklapt weergeven aangevinkt staat
  7. Klik vervolgens onderaan op Opslaan
  8. Klik nu bij het onderliggende submenu-item op het link overzicht op Edit, waar je de afbeelding wilt instellen
  9. Laat het veld Type submenu opmaak op Standaard (smal) staan.
  10.  Stel de gewenste afbeelding in (PNG of JPEG formaat). Voor afbeeldingen van vrijstaande auto's is een PNG aan te raden. Zie Afbeelding 3 hieronder.
  11.  Voeg optioneel bij Extra informatie de velden Label en Waarde in (max. 3)
  12.  Controleer of 'Uitgeklapt weergeven' NIET aangevinkt staat
  13.  Klik vervolgens onderaan op Opslaan
  14.  Herhaal stap 8 t/m 13 voor elk submenu- item (niveau 3) waar een afbeelding met eventuele gegevens gewenst is

 

Submenugrid met kleine een afbeelding per sub-item (breed)
Submenugrid met kleine een afbeelding per sub-item (breed)
Submenugrid met kleine een afbeelding per sub-item (breed)

Vragen of hulp nodig?

Heb je vragen over het instellen van het Megamenu voor jouw website of heb je hulp nodig? Wij helpen je graag verder.