Das Mega Menü im Rent-a-Shop Semican Template

Über ein Mega Menü navigieren die Besucher Ihres Webshop einfach und schnell zur gewünschten Zielseite oder zur Shopkategorie. Auch bei einer hohen Kategorienanzahl bietet das Mega-Menü eine saubere Struktur.

Die Webshops der Rent-a-Shop Händler sind unterschiedlicher Natur. Einige verkaufen einige wenige Produkte, andere haben weit über 10'000 Produkten mit vielen Kategorien. So auch der Onlineshop vom World of Trains Modelleisenbahn Shop. Bei den vielen Kategorieseiten des Shops bietet das Mega Menü eine gute Übersicht. Es ermöglicht den Modelleisenbahnfreunden eine einfache Navigation.

Wie funktioniert das Mega-Menü im Shop?

Wenn Sie sich die Navigation anschauen, unterscheidet sich auf den ersten Blick nichts. Fahren Sie dann aber mit der Maus über einen Navigationspunkt (in unseren Beispielshop die Spur 0), öffnet sich das Mega-Menü. Die Menüeinträge werden hierarchisch anhand vom Aufbau der Produktgruppen angezeigt.

Welche Vorteile hat ein Mega-Menü?

• Es macht einen sehr sauberen und aufgeräumten Eindruck und strahlt dem Besucher gegenüber eine gewisse Ordnung aus.
• Die gewünschten Menüpunkte werden übersichtlich dargestellt.
• Der Besucher kann einfacher navigieren, weil alle relevanten Menüpunkte angezeigt werden. Er muss nicht wie beim Dropdown Menü über mehrere Ebenen navigieren.
  
• Die Hierarchie ist klar ersichtlich.
  

Wie wähle ich die richtige Menüebene aus?

Um die Funktion des Mega-Menüs zu verstehen, benötigen Sie ein wenig Vorwissen über die verschiedenen Menüebenen Ihres Onlineshops. Sie können auf der Startseite Ihres Onlineshops die Inhaltsseiten und die Shopkategorien anzeigen. Sie befinden sich auf der ersten Menüebene. In unserem Beispiel wäre das die Spur N. Haben diese eine Unterseite oder -kategorie, befinden diese sich auf der zweiten Ebene, also Lokomotiven, Wagen, etc. Auf der dritten Ebene befinden sich dann die Unterkategorien Elektrolokomotiven, Diesellokomotiven, etc.

Aufgrund der Verschachtelung und des Aufbaus der Shopkategorien lässt sich das Menü nur schwer mit einem normalen Menü darstellen.

Wie erstelle ich ein Mega-Menü in Rent-a-Shop?

1. Das Mega-Menü ist nur beim Semican Template standardmässig eingebaut. Sie können das Mega-Menü über die Shop Menü > Templates im Template Manager aktivieren.

2. Wählen Sie hierzu im Template Manager die Funktion Brick-Positionen bearbeiten und bearbeiten Sie das Navigationsmenü oben rechts.

3. Es öffnet sich die Navigations-Brick. Geben Sie als Erstes im Feld ConfigurableItemClasses die Klasse "mega-menu" ein und drücken Sie auf speichern. Öffnen Sie nun den Dialog wieder; ein neuer Punkt mega-menu hat sich geöffnet. Sie haben mehrere Konfigurationsmöglichkeiten, welche unten beschrieben sind. Die einfachste Art, Ihr Mega-Menü für die entsprechenden Menüpunkte zu konfigurieren ist, dass Sie diese über die Suche auswählen und dann speichern.

Wenn Sie nun auf Website klicken, müssen Sie den Browser nochmals komplett neu laden mit CRTL+F5 bei Windows.

Sie haben nun folgende Optionen, das Menü zu konfigurieren:

• Navigation: Wählen Sie das Navigations-Menü aus, welches Sie anzeigen möchten.
• Max. Ebenen: Hier können Sie die maximale Anzahl Ebenen festlegen, die im aktiven Menüast angezeigt werden.
• Angezeigte Ebenen: Geben Sie hier die Ebene an, welche immer angezeigt werden sollen.
  
• Start Ebene (absolut): Definieren Sie den absoluten Startpunkt. Angefangen bei 1.
  
• Start Ebene (relativ): Hier können Sie den Startpunkt relativ wählen. z.B. -2 für Start 2 Ebenen über der aktuellen Seite, oder 1 für eine Ebene unter der aktuellen Seite, oder 0 für das Menü auf der gleichen Ebene.
  
• ConfigurableItemClasses: spezifische Klasse des Menüs. z.B. mega-menu