*
Logo
blockHeaderEditIcon
Menu
blockHeaderEditIcon

Mega-Menü

Mit dem Mega-Menü des Worldsoft-CMS können Sie Navigation-Menüs erstellen. Sie können so viele Navigation-Menüs individuell zusammenstellen wie Sie möchten und optisch anpassen. Mit eigenen Inhalten für Navigationsbuttons kreieren Sie ein völlig neues Navigations-Erlebnis auf Ihrer Website.

Neues Menü anlegen

a) In der Administration Ihrer Website klicken Sie auf den Navigationspunkt "Module".

b) Bei den "Installierten Gadgets" klicken Sie auf den Namen vom "Mega-Menü".

c) Im Erstellungsfenster klicken Sie auf den Button "+Hinzufügen" um ein neues Menü zu erstellen.

Im geöffneten Fenster vergeben Sie den Namen für das neue Menü und bestätigen die Eingabe mit dem Button "OK".

d) In diesem Fenster wird der Name vom Menü angezeigt.

e) In der Navigation werden alle Einstellungen für das Menü angezeigt. Im nächsten Schritt schauen wir uns die Standard-Einstellungen an.

f) Im unteren Bereich werden die verschiedenen Funktionen angezeigt.

g) Speichern Sie nach einer Änderung das Menü mit dem Button "Menü speichern".

Menü erstellen/bearbeiten

a) Zuerst erstellen Sie die Menüstruktur also die Menüpunkte, die angezeigt werden sollen. Wählen Sie dafür alle Menüpunkte mit der ersten Checkbox aus.

b) Klicken Sie auf den Button "Zum Menü hinzufügen".

c) Die Menüpunkte sind nun in der Struktur-Vorschau sichtbar. Mit Drag & Drop können Sie die Elemente verschieben oder untereinander schieben für ein Untermenü.

Speichern Sie das Menü.

d) Klicken Sie auf "Funktionalität".

e) Den Menu Type lassen Sie auf "Noo" eingestellt. Es gibt drei verschiedene Menü Arten:

Noo:
Das Standard-Menü ein Beispiel können Sie dafür hier finden:
Beispiel

Canvas:
Ein Beispiel können Sie dafür hier finden:
Beispiel

Pushing:
Ein Beispiel können Sie dafür hier finden:
Beispiel
 

f) Bei "Verhalten auf Mobilgeräten" wechseln Sie zu "Ausklappen, mit Toggle-Button". Somit ist das Menü bei einem Smartphone mit dem Standard Hamburger-Menü zu sehen.

Speichern Sie das Menü.

g) Klicken Sie auf "Menüleiste".

h) Beim Hintergrund löschen Sie die bestehende Farbe heraus. Somit hat das Menü einen transparenten Hintergrund.

Speichern Sie das Menü.

i) Klicken Sie auf "Top-Menü".

j) Bei der Höhe klicken Sie auf den ersten Regler und ziehen diesen bis an das Rechte Ende.

k) Die Schriftart passen Sie auf dieselbe wie auf der Website an. In unserem Beispiel ist das "Open Sans". Bei der Farbe vergeben Sie ein Schwarz.

l) Deaktivieren Sie den Rand mit dem Regler. Ziehen Sie diesen an das linke Ende.

Speichern Sie das Menü.

m) Klicken Sie auf "Hover-Effekt Top-Menü".

n) Bei der Hover-Hintergrund Farbe verwenden Sie eine passende Farbe zu unserer Website. In unserem Beispiel ist das ein Violett.

Dieselben Einstellungen verwenden Sie auch für den nächsten Punkt "Top-Menü Aktiv".

Speichern Sie das Menü.

o) Klicken Sie auf "Menü für Mobilgeräte".

p) Die Höhe passen Sie auf 40px an. Klicken Sie dafür auf den Regler und verschieben diesen leicht nach rechts.

q) Die Linienfarbe passen Sie auf ein Schwarz an. Damit das Menü besser auf einem weissen Hintergrund sichtbar ist.

r) Die Textausrichtung ändern Sie auf "Zentriert".

Speichern Sie das Menü.

Menü auf der Website einbauen

a) Nun gehen Sie auf den Website Editor zurück. Klicken Sie dafür oben in der Administration auf das erste Symbol.

b) Das Menü fügen Sie mithilfe eines Blocks auf der Website ein. Klicken Sie dafür auf das "B" Symbol.

c) Kicken Sie auf die grüne Fläche und platzieren mit Drag & Drop einen Block auf Ihrer Website.

d) Nachdem Sie den Block auf der Website platziert haben klicken Sie auf das "P" Symbol im Editor.

e) Im geöffneten Fenster wählen Sie "CMS Gadget" aus und dann das erstellte "Menu".

f) Speichern Sie den Block.

g) Das Menü wird auf der Website angezeigt.

Bestehendes Mega-Menü bearbeiten

a) Im eingeloggten Zustand klicken Sie in der oberen Navigation auf das "B" Symbol.

b) Klicken Sie in den Block mit dem Menü. Mit einem Doppelklick auf den gelben Bereich öffnen sich die Einstellungen des Menüs.

c) Mit der Navigation können Sie die verschiedenen Bereiche des Menüs anpassen.

d) Im unteren Bereich werden die jeweiligen Einstellungen angezeigt.

Benutzername:
User-Login
Ihr E-Mail