Over 200 add-ons available under a single subscription for $40 per month!

Multilevel menu

A add-on that changes the appearance of the main menu
Please enter a valid addres(es) of the shop where you are going to use the add-on.
By subscription 4 000 
Write a review
Latest module version Updated:
Have questions about the module? Write to us: HelpDesk

This add-on is part of our Subscription plan.

Subscribe once — enjoy all add-ons without limits.

Top Menu

The add-on adds a dedicated main-menu button with an expandable list of sections. It makes navigation more prominent and lets you match the button to the storefront design.

What it is for

Use it when the catalog or another menu needs its own position in the header and a configurable menu-opening button.

Key features

  • Three button display options: icon with text, text only, or icon only.
  • An expandable multilevel menu using the links from the selected block.
  • The layout block name is used as the button label and the menu heading.
  • Custom button styling: text, background, and border colors; border width; font size and style; corner radius.
  • Responsive menu behaviour for mobile devices.

How it works

Once the block is placed in a layout, the storefront shows the menu button. Clicking it opens the menu items, while nested sections are displayed as successive menu levels. The active theme provides the default button appearance; custom values take effect only when the corresponding add-on option is enabled.

Have questions about the add-on?

Write to us.


Product:
  • Store Builder
  • Store Builder Ultimate
  • Multi-Vendor
  • Multi-Vendor Plus
  • Multi-Vendor Ultimate
Recipient:
  • Buyers
  • Owners
Development
:
  • Frontend
Localization:
  • English
  • Русский
Compatible versions:
  • 4.20
  • 4.19.X
  • 4.18.X
  • 4.17.X
  • 4.16.X
  • 4.15.X
  • 4.14.X
  • 4.13.X
  • 4.12.X

Instructions for Top Menu

What the add-on does

The add-on displays a main-menu button on the storefront and opens the items of the selected menu. The button can show an icon with text, text only, or an icon only. Nested sections of a multilevel menu open as successive menu levels.

Where to find the add-on

Open the Top Menu add-on card under Add-ons → Manage add-ons to configure its options. Place the block where it is needed through Design → Layouts; the block name becomes the button label and the heading of the expanded menu.

Configure the display

  1. Use Select button type to choose Icon + text, Only Text, or Only Icon.
  2. Leave Apply custom styles disabled to use the active theme styling.
  3. Enable Apply custom styles to set the text and button colors, border, font size, corner radii, font weight, and font style.

Place the menu

  1. Open Design → Layouts and select the location for the menu button.
  2. Add or configure a menu block that uses the add-on’s top-menu template.
  3. Set the block name and its menu items. The name is displayed in the button and in the expanded menu heading.
  4. Save the layout.

How to check the result

  1. Open the storefront at desktop width and, if relevant, at a mobile width.
  2. Confirm that the button appears in the selected position and uses the chosen display type.
  3. Click the button: the menu must open, and its items and nested sections must lead to the configured links.
  4. If custom styles are enabled, confirm the configured colors, border, font, and corner radii are applied to the button.

Changelog

v1.3.1 from 06.08.2026

[*] Updated the add-on description and instructions; added localized materials and the logo.

v1.3.0 from 2026-02-19

[+] The add-on was brought in line with the current template and gained description, instruction, and changelog sections in the administration panel.

[*] Menu configuration and display were adapted to current CS-Cart requirements.

v1.2.2 from 2022-12-26

[+] The add-on was standardized.

v1.2.1 from 2022-10-09

[+] The add-on was standardized.

v1.2.0 from 2022-06-15

[+] Added a choice between preset and custom styles for the menu button.

v1.1.0 from 2022-02-20

[+] Added a choice of menu-button type: icon with text, text only, or icon only.

[*] The layout block name is used as the button label and menu heading.

[!] Fixed page shifting when opening the menu.

v1.0.5 from 2021-11-30

[+] Fixed the add-on language variables.

v1.0.3 from 2021-11-26

[*] Updated the MakeShop logo.

v1.0.0 from 2021-07-19

[+] Initial release of the Top Menu add-on.

Legend:

[+] Added

[-] Removed

[*] Changed

[!] Bug fixed

Reviews
Олег Симаков
Отличный модуль! Настройка заняла минуты, меню работает быстро и без сбоев. Внешний вид легко адаптировал под дизайн сайта. Очень доволен покупкой.
Андрей Котов
Интуитивно понятные настройки, меню отлично смотрится на мобильных устройствах. Заметно ускорило навигацию по сайту. Рекомендую к использованию.
Similar add-ons