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

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

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

Über ein Mega Menü navigieren die Besucher von ihrem Webshop einfach und schnell zur gewünschten Zielseite oder zur Shopkategorie. Auch bei vielen Kategorien bleibt 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ü viel Übersicht. Es ermöglicht eine einfache Navigation für die Modelleisenbahnfreunde.

Mega Menue bei World of Trains

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 von dem Aufbau der Produktgruppen angezeigt.

Welche Vorteile hat ein Mega-Menü?

  • Es macht einen sehr sauberen und aufgeräumten Eindruck und strahlt gegenüber dem Besucher eine gewissen 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 von Ihrem Onlineshop 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 einen Unterseite oder -kategorie befinden sie 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 diese 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 der 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 und 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 entsprechenden Menüpunkte zu konfigurieren ist, dass Sie diese über die Suche auswählen und dann speichern.

    Mega Menue konfigurieren

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, die im aktiven Menuast angezeigt werden.

Angezeigte Ebenen: Geben Sie hier die Ebene an die immer angezeigt werden.

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