Zum Inhalt springen
GloboGlobo Docs
App installieren
Deutsch

Masonry-Layout und Spezialmenü

Stapeln Sie Blöcke unterschiedlicher Höhe sauber in Spalten oder zeigen Sie eine Kategorieliste mit einem Panel pro Kategorie an.

Anleitung Pro Navigation 3 Min. Lesezeit

In einem normalen Mega-Menü hat jeder Block eine eigene Spalte, sodass eine kurze Linkliste eine Lücke darunter hinterlässt. Masonry gruppiert mehrere Blöcke in einer Spalte, sodass sie gestapelt werden – zum Beispiel zwei kurze Markenlisten, die sich die erste Spalte teilen.

Vorlagen

Beide befinden sich in der Gruppe Spezialmenü unter Vorlage auswählen.

Masonry-Layout
Vier Spalten (Blöcke Elementgruppe) mit in jeder Spalte gestapelten Linklisten.
Spezialmenü
Links eine Kategorieliste; jede Kategorie hat rechts ein eigenes Panel mit Linklisten und Bildern, wie bei großen Marktplatz-Menüs.

Mit der Vorlage Masonry-Layout beginnen

  1. Vorlage hinzufügen

    Klicken Sie in der Baumstruktur Menüpunkte des Editors unter einem Menüpunkt der obersten Ebene auf Untermenü hinzufügen. Zeigen Sie auf Spezialmenü (1) und klicken Sie dann bei Masonry-Layout (2) auf Auswählen.

    (1) Auf die Gruppe Spezialmenü zeigen, (2) Masonry-Layout wählen

  2. Beispielinhalt bearbeiten

    Die Vorlage fügt 4 Blöcke Elementgruppe mit 25 % Breite hinzu, mit Linklisten darin. Fahren Sie über jede Überschrift oder jeden Link, klicken Sie auf Menüpunkt bearbeiten und ändern Sie Titel und Link.

  3. Blöcke in einer Spalte hinzufügen oder entfernen

    Klicken Sie innerhalb einer Gruppe auf Block hinzufügen, um einen weiteren Block zu stapeln, etwa eine Linkliste oder ein Bild. Um einen zu entfernen, fahren Sie darüber und klicken Sie auf Menüpunkt löschen.

  4. Speichern und veröffentlichen

    Klicken Sie auf Speichern und dann auf Veröffentlichen.

Masonry aus einem leeren Mega-Menü aufbauen

  1. Ein leeres Mega-Menü hinzufügen

    Klicken Sie auf Untermenü hinzufügen, zeigen Sie auf Mega-Menü und klicken Sie bei Leer auf Auswählen. Ein vorhandenes Mega-Menü funktioniert ebenfalls.

  2. Pro Spalte eine Elementgruppe hinzufügen

    Klicken Sie auf Block hinzufügen, wählen Sie Multiblock und dann Elementgruppe; jede Gruppe ist eine Spalte. In der Baumstruktur Menüpunkte wird sie als Elementgruppe (Masonry-Raster-Layout) angezeigt.

    (1) Wählen Sie einen Tab, (2) bewegen Sie den Mauszeiger über ein Layout und klicken Sie auf Wählen.

  3. Gruppenbreiten festlegen

    Eine neue Gruppe ist 50 % breit. Legen Sie die Breite jeder Gruppe so fest, dass die Spalten in eine Zeile passen, zum Beispiel 25 % für 4 Spalten oder 33,33 % für 3.

  4. Jede Gruppe füllen

    Klicken Sie in jeder Gruppe auf Block hinzufügen und fügen Sie die Blöcke dieser Spalte hinzu. Setzen Sie die Breite jedes inneren Blocks auf 100 %, damit sie gestapelt werden, statt nebeneinander zu stehen.

  5. Speichern und veröffentlichen

    Klicken Sie auf Speichern und dann auf Veröffentlichen.

Die Vorlage Spezialmenü verwenden

  1. Vorlage hinzufügen

    Klicken Sie auf Untermenü hinzufügen, zeigen Sie auf Spezialmenü und klicken Sie bei der Vorlage Spezialmenü auf Auswählen.

    (1) Auf die Gruppe Spezialmenü zeigen, (2) Masonry-Layout wählen

  2. Kategorien und Panels bearbeiten

    Jede Kategorie links ist ein Tab: Benennen Sie sie um und füllen Sie dann ihr Panel mit Block hinzufügen. Siehe Tab-Menü.

  3. Speichern und veröffentlichen

    Klicken Sie auf Speichern und dann auf Veröffentlichen.

Beide Vorlagen öffnen sich in einem Mega-Menü-Panel, daher legt der Abschnitt Untermenü des übergeordneten Menüpunkts Breite, Ausrichtung und Hintergrund des Panels fest. Siehe Panel-Layout des Mega-Menüs.

Fehlerbehebung

Blöcke stehen nebeneinander, statt gestapelt zu werden

Prüfen Sie in der Baumstruktur Menüpunkte, ob die inneren Blöcke in einer Elementgruppe liegen und ihre Breite 100 % beträgt.

Gruppen brechen in eine zweite Zeile um

Die Gruppenbreiten ergeben zusammen mehr als 100 %. Verringern Sie sie, sodass sie in eine Zeile passen.

War diese Seite hilfreich?

Problem melden