Mega Menu

Mega Menu



The following steps can be done by going to Design › Edit Theme › General › Header › Mega Menu.

Show or Disable the Mega Menu



The Mega Menu can be enabled/disabled by turning the toggle switch on/off for the field titled Mega menu.

Controlling number of columns and headings inside the Mega Menu



Number of columns can be set in the same place where you enabled the Mega Menua at Design › Edit Theme › General › Header › Mega Menu. Once you have set the number of columns, you can then custom set the menu headings (directly underneath Number of columns).


Adding Mega Menu Lists

Navigation - Lightspeed eCom 2022-01-06 at 4.29.18 PM

The menu lists that will show in the Mega Menu are created by going to Design > Navigation in your eCom back office. Here you will create custom menus for each list.

Important! The custom menus must be titled to match Mega Menu # exactly (e.g Mega Menu 1, Mega Menu 2, etc.). See image above.

Below is a table that shows the corresponding Menu positions. You can have up to 8 lists and you will need to choose the menu numbers that meet the amount of columns you have selected for your Mega Menu settings.

COLUMN 1
COLUMN 2
COLUMN 3
COLUMN 4
Mega menu 1
Mega menu 2
Mega menu 3
Mega menu 4
Mega menu 5
Mega menu 6
Mega menu 7
Mega menu 8

Here is an example where we used a 4-column layout and had two stacked menus in the second column to help balance it all visually. Notice the mega menu numbers that we used and how they correspond to the table above: 
Denver Theme - Denver Theme... 2022-01-06 at 4.42.32 PM




    • Related Articles

    • Mega Menu

      The following steps can be done by going to Design › Edit Theme › General › Header › Menus. Show or Disable the Mega Menu The Mega Menu can be enabled/disabled by turning the toggle switch on/off for the field titled Mega menu. Adding Subcategories ...
    • Mega-Menü

      Die folgenden Schritte können Sie unter Design ›Theme-Einstellungen› 2. Kopfzeile in Ihrem eCom-Back-Office durchführen. Mega-Menü anzeigen oder deaktivieren Das Mega-Menü kann durch Ein- / Ausschalten des Kippschalters für das Feld Mega-Menü ...
    • Mega Menu (NL)

      De volgende stappen kunnen worden uitgevoerd door naar Ontwerp > Thema-instellingen > 2. Header in uw eCom-backoffice te gaan. Toon of deactiveer het Mega Menu Het megamenu kan worden ingeschakeld / uitgeschakeld door de tuimelschakelaar aan of uit ...
    • New Arrivals and Sale Menu Links

      The following steps can be done by going to Design › Edit Theme › General › Header › Menus. These settings give you the ability to easily add two custom links to your main navigation: New Arrivals and Sale. New arrivals: This links to the main ...
    • Neuzugängefr und Sale Menü-Links

      Die folgenden Schritte können Sie unter Design ›Theme-Einstellungen› 2. Kopfzeile in Ihrem eCom-Back-Office durchführen. Mit diesen Einstellungen können Sie problemlos zwei benutzerdefinierte Links zu Ihrer Hauptnavigation hinzufügen: Neuzugänge und ...