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:
| Column | Description |
|---|---|
| Options | Button to go to group's menu options |
| Group Name | The 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:
{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:
{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:
| Area | Description |
|---|---|
$item.name | Name of menu option |
$item.url | Redirect URL |
$item.target | _self (same tab) or _blank (new tab) |
$item.cls | Custom CSS class |
$item.img_small | Menu image (if available) |
$item.data1 | Additional information area 1 |
$item.data2 | Additional information area 2 |
$item.children | Set of submenu options |
Menu 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.
Menu Option Fields
To edit an option, click the pencil icon:
| Area | Description |
|---|---|
| Option Name | Menu item name to appear in store (multilingual support) |
| Menu Type | What the option represents — see table below |
| Link / Target | Relevant record or fixed URL according to menu type |
| Open in Tab | Open in the same tab (_self) or new tab (_blank) |
| Top Menu | Under which menu the option will be placed (hierarchy) |
| Sequence No | Sort value in list |
| Status | Active / Passive |
Menu Types
| Genre | Description |
|---|---|
Fixed Link | Any manually entered URL (ex: /urunler, https://example.com) |
Category | Link to current product category (URL is automatically generated) |
Brand | Link to brand page |
Page | Link to the page created in block management |
Fixed Content | Link 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:
| Area | Description |
|---|---|
| Menu Group | Move option to different group |
| Additional Information Area 1 | Accessed as $item.data1 in the template (multilingual support) |
| Additional Information Area 2 | Accessed as $item.data2 in the template (multilingual support) |
| Menu Image | Add 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
- Select Menu Type: Category, Brand, Page or Fixed Content
- Select the relevant record (search supported)
- If the category is selected, additional options appear:
| Option | Description |
|---|---|
| Also add subcategories | Automatically adds subcategories of the selected category as submenu |
| Just add subcategories | Adds only child categories without including the selected parent category |
- 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.
Submenu (Hierarchy)
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şimTo 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:
| Area | Description |
|---|---|
| Group Name | Name to be displayed in admin panel |
| KEY | Constant 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.