Masonry-indeling en Speciaal menu

Stappenplan Pro Navigation 3 min. leestijd

In een normaal megamenu heeft elk blok een eigen kolom, dus een korte linklijst laat er een gat onder. Masonry groepeert meerdere blokken in één kolom, zodat ze gestapeld worden, bijvoorbeeld twee korte lijsten met merken die samen de eerste kolom delen.

Sjablonen

Beide staan in de groep Speciaal menu van Sjabloon selecteren.

Masonry-indeling

Vier kolommen (blokken Groep items) met in elke kolom gestapelde linklijsten.

Speciaal menu

Een lijst met categorieën links; elke categorie heeft rechts een eigen paneel met linklijsten en afbeeldingen, zoals de menu’s van grote marktplaatsen.

Beginnen met het sjabloon Masonry-indeling

1. Het sjabloon toevoegen

   Klik in de boom Elementen van de editor op Submenu toevoegen onder een item op het hoogste niveau. Ga met de muis naar Speciaal menu (1) en klik daarna bij Masonry-indeling op Selecteren (2).

   

   (1) Ga naar de groep Speciaal menu, (2) kies Masonry-indeling

2. De voorbeeldinhoud bewerken

   Het sjabloon voegt 4 blokken Groep items toe met een breedte van 25%, met linklijsten erin. Ga met de muis over elke kop of link, klik op Item bewerken en wijzig de Titel en Link.

3. Blokken in een kolom toevoegen of verwijderen

   Klik binnen een groep op Blok toevoegen om er nog een blok op te stapelen, zoals een linklijst of een afbeelding. Wil je er een verwijderen, ga er dan met de muis over en klik op Item verwijderen.

4. Opslaan en publiceren

   Klik op Opslaan en daarna op Publiceren.

Masonry opbouwen vanuit een leeg megamenu

1. Een leeg megamenu toevoegen

   Klik op Submenu toevoegen, ga met de muis naar Megamenu en klik bij Leeg op Selecteren. Een bestaand megamenu werkt ook.

2. Per kolom een Groep items toevoegen

   Klik op Blok toevoegen, kies Meerdere blokken en selecteer Groep items; elke groep is één kolom. In de boom Elementen staat die als Groep items (Masonry-rasterindeling).

   

   (1) Kies een tabblad, (2) ga met de muis over een indeling en klik op Selecteren.

3. De breedte van de groepen instellen

   Een nieuwe groep is 50% breed. Stel de Breedte van elke groep zo in dat de kolommen op één rij passen, bijvoorbeeld 25% voor 4 kolommen of 33,33% voor 3.

4. Elke groep vullen

   Klik binnen elke groep op Blok toevoegen en voeg de blokken van die kolom toe. Zet de Breedte van elk blok binnen de groep op 100%, zodat ze gestapeld worden in plaats van naast elkaar te staan.

5. Opslaan en publiceren

   Klik op Opslaan en daarna op Publiceren.

Het sjabloon Speciaal menu gebruiken

1. Het sjabloon toevoegen

   Klik op Submenu toevoegen, ga met de muis naar Speciaal menu en klik bij het sjabloon Speciaal menu op Selecteren.

   

   (1) Ga naar de groep Speciaal menu, (2) kies Masonry-indeling

2. De categorieën en panelen bewerken

   Elke categorie links is een tabblad: geef het een andere naam en vul het paneel met Blok toevoegen. Zie Menu met tabbladen.

3. Opslaan en publiceren

   Klik op Opslaan en daarna op Publiceren.

Beide sjablonen openen in een megamenupaneel, dus de sectie Submenu van het bovenliggende item bepaalt de breedte, uitlijning en achtergrond van het paneel. Zie Indeling van het megamenupaneel.

Problemen oplossen

Blokken staan naast elkaar in plaats van gestapeld

Controleer in de boom Elementen of de blokken binnen een Groep items staan en of hun Breedte 100% is.

Groepen lopen door op een tweede rij

De breedtes van de groepen zijn samen meer dan 100%. Verlaag ze zodat ze op één rij passen.

Gerelateerde pagina's

• MegamenuBouw een breed submenupaneel uit blokken zoals linklijsten, afbeeldingen, producten en een contactformulier.
• Menu met tabbladenLaat klanten binnen één submenu wisselen tussen groepen inhoud, zoals Heren, Dames en Kinderen.
• Overzicht van blokkenVoeg blokken zoals links, afbeeldingen, producten en aftelklokken toe aan een megamenu of tabblad.

Was dit nuttig?

Probleem melden