Skip to content

Menu Groups

You can manage all navigation menus of your store such as header, footer, mobile menu and social media from the Design & Content > Menus section.

The menu system is independent of product categories. Any menu area on the site front-end is created from this section and called with the {menu} function from Smarty templates.


General Structure

Menü Grubu  (örn: MENU_HEADER)
└── Menü Seçeneği  (örn: Anasayfa)
    └── Alt Menü Seçeneği  (örn: Tüm Ürünler)
        └── Alt Alt Menü Seçeneği  (sınırsız derinlik)

Each Menu Group has a TPL variable (constant). This variable is used to call the menu in Smarty templates.


List of Menu Groups

The list at /panel/#/menu-group shows these columns:

ColumnDescription
OptionsButton to go to group's menu options
Group NameThe name of the menu group on the admin side
TPL Variable{menu key="..."} statement to use in the Smarty template (shown in red)

The KEY (constant) value of the first 5 groups that come by default in the system cannot be changed. KEY can be edited in groups added later.


Usage in Smarty Template

In any TPL file the menu data is accessed as follows:

smarty
{menu key="MENU_HEADER" assign="MENU_HEADER"}
{menu key="MENU_FOOTER" assign="MENU_FOOTER"}
{menu key="MENU_SOCIAL" assign="MENU_SOCIAL"}

The assign parameter determines the variable name. After assignment, the $MENU_HEADER variable can be used as an array containing all the options of that group.

Example usage:

smarty
{menu key="MENU_HEADER" assign="NAV"}
{foreach $NAV as $item}
    <a href="{$item.url}"
       class="{$item.cls}"
       target="{$item.target}">
        {$item.name}
    </a>
{/foreach}

Each $item object contains the following fields:

AreaDescription
$item.nameName of menu option
$item.urlRedirect URL
$item.target_self (same tab) or _blank (new tab)
$item.clsCustom CSS class
$item.img_smallMenu image (if available)
$item.data1Additional information area 1
$item.data2Additional information area 2
$item.childrenSet of submenu options

When you click on a group, the option list for that group opens. Options are listed in order by list_no value and can be reordered by drag-and-drop.

To edit an option, click the pencil icon:

AreaDescription
Option NameMenu item name to appear in store (multilingual support)
Menu TypeWhat the option represents — see table below
Link / TargetRelevant record or fixed URL according to menu type
Open in TabOpen in the same tab (_self) or new tab (_blank)
Top MenuUnder which menu the option will be placed (hierarchy)
Sequence NoSort value in list
StatusActive / Passive
GenreDescription
Fixed LinkAny manually entered URL (ex: /urunler, https://example.com)
CategoryLink to current product category (URL is automatically generated)
BrandLink to brand page
PageLink to the page created in block management
Fixed ContentLink to the page created from the content module

Additional Fields (Show Additional Fields)

When the "Show Additional Fields" checkbox is checked, the following fields appear:

AreaDescription
Menu GroupMove option to different group
Additional Information Area 1Accessed as $item.data1 in the template (multilingual support)
Additional Information Area 2Accessed as $item.data2 in the template (multilingual support)
Menu ImageAdd image to option (useful for menus with icons)

Multilingual Menu Names

A separate menu name can be entered for each language with the translation icon next to the option name. In this way, users who change languages ​​will see the menu in their own language.


Add Quick Menu

Use the Add Quick Menu button to create a one-click bulk menu option from a category, brand or page list.

Steps

  1. Select Menu Type: Category, Brand, Page or Fixed Content
  2. Select the relevant record (search supported)
  3. If the category is selected, additional options appear:
OptionDescription
Also add subcategoriesAutomatically adds subcategories of the selected category as submenu
Just add subcategoriesAdds only child categories without including the selected parent category
  1. Press the Save button — options will be created automatically

Category Menu Hint

With the "Add subcategories" option, the main category + all subcategories are added to the menu in a single operation. Use this feature instead of creating large menu structures manually one by one.


Menu options can be nested in unlimited depth. By clicking on the list icon to the right of an option, you can switch to the submenu items of that option. Breadcrumb navigation makes it easy to navigate to upper levels.

MENU_HEADER
├── Anasayfa
├── Ürünler
│   ├── Kadın
│   │   ├── Elbiseler
│   │   └── Üst Giyim
│   └── Erkek
├── Markalar
└── İletişim

To switch to the submenu, click on the (sub-options) icon on the relevant line. If the option has no children, the icon appears dimmed.


Adding a Menu Group

Click the + Add button in the list to create a new menu group:

AreaDescription
Group NameName to be displayed in admin panel
KEYConstant variable name to be used in {menu key="..."} in Smarty template

KEY Value

The KEY value must be defined using uppercase letters and underscores (eg: MENU_FOOTER, MENU_SOCIAL). If changed later, you must update all {menu key="..."} calls in the templates.