How to Manage Navigations/Menus in Omnitron?

Each website will have a header menu for desktop and hamburger menu for mobile for navigation purposes. The Navigation/Menu functionality of Omnitron enables you to establish an ordered tree structure for menu items, assign names to them, and link them to their respective pages. Additionally, you have the option to apply background colors and text styles if desired. For further instructions on execution, please refer to this article.

Step 1: Access to Omnitron​

• Access the Omnitron panel through your URL.

• Insert your granted Username and Password, and click the Sign In button.

Step 2: Navigate to Navigation/Menu Page​

• Navigate to Sales Channels > Content Management > Navigation/Menu from the sidebar.

  

Step 3: Adding a New Navigation/Menu​

The navigation menu can contain multiple sub-menus, but initially, you should create the Main Menu. To do this:

• Click on "Add Main Menu".

• Enter the Menu Name and URL.

• Click "Save".

  

After creating the Main Menu, you can proceed to create sub-menus and their corresponding inner menus. Follow these steps:

• Click the "+" icon next to the menu item.

• Enter the Menu Name and Menu URL.

• Click "Save".

  
• Successfully adding each menu item will result in the menu tree displayed as follows:

  
• The menu item tree can be modified by dragging and dropping the respective row. The blue outline, as shown in the screenshot, will indicate which menu items will be moved as submenus or interchanged within the main menus.

  

Step 3: Edit the Menus​

According to the schema integrated into the Navigation/Menu Page, specific functions may vary depending on the project. However, several default settings can be applied for editing the menus. Click on the pen icon next to the menu item to proceed with the edits.

• Menu Name: You can change the menu name here.

• Menu URL: Add/Edit the desired link of that respective menu item.

• Navigation Slider Images: You can add visual internal links to the navigation menu from here, those will only shown on desktop.

• Desktop Menu Features: You will be able to change the text weight, text color, background color of the menu and underline the text.

• As a plus, you will be able to request such functionalities as;

1. Boolean “No Follow” Tag: Enabling the Boolean "No follow" tag will instruct search engines not to follow your menu link. This means that the link will not contribute to the distribution of link juice. This strategy is crucial for SEO purposes. For instance, if there are already one or more homepage links on the same page, an additional homepage link may not necessarily need to be indexed by Google. To minimize this, you can opt for the header menu items URL.

2. Image Variations as Sub Content: Using different image variations allows you to create column-based image URLs. This feature proves particularly beneficial for catalog characteristics links, such as "/shoes/80s-fashion" or "/sofas/bubble-fashion".

3. Boolean Show on Mobile Menu: This feature allows you to specify whether the header menu items should be included or excluded from the hamburger menu on mobile devices. By default, there will be synchronization between them, ensuring consistency across both menu types.