Getting started: Set up main navigation

Questions:

  • How can I link my created pages?
  • Where and how do I manage the navigation bar on my website?

Description:

Without navigation, it will be difficult for visitors to find their way around your website. It therefore makes sense to add links to the main navigation - also known as the mega menu in TYRIOS. The following explains where and how you can do this.

Solution:

The mega menu management is only accessible to logged-in users with the appropriate rights. The navigation elements that you specify in your mega menu will then appear in your header.

  • Customer area
  • System settings
  • Layout settings
  • Manage mega menu

The mega menu allows three different link types:

  • Link: a direct link
  • Classic menu: a simple drop-down menu. Several direct links can be inserted in it
  • Mega menu: a complex drop-down menu. Several related link groups can be displayed in it, namely
    • HTML: a freely definable navigation block with WYSIWYG editor. You can also use it to display media as links
    • Navigation block: The classic menu in the mega menu
    • Shop category list: Generates a navigation block based on the tree structure of your categories
  1. In the customer area, navigate to the mega menu management via System
  2. Click on the button on the right-hand side to add navigation elements
  3. Enter a label for the navigation element and confirm the entry by clicking on the confirmation button
  4. Select a type for the navigation element

Procedure for the type Link type

  1. Enter the URL to which your link should point
  2. Repeat the process as required and then click on the "Save" button

Procedure for the type Classic menu

  1. Press the button at the bottom right to add links
  2. Enter a caption for the link
  3. Enter the URL for the link
  4. Confirm the entry by clicking on the confirmation button
  5. Repeat the process as required and then press the "Save" button

Procedure for the type Mega menu: HTML

This navigation type is intended for advanced users.

  1. Select HTML from the options at the bottom right and add the block by clicking on the corresponding button
  2. Use the and buttons to specify how much space this navigation block should take up
  3. Enter a heading for the navigation block
  4. Add navigation elements with the WYSIWYG editor
  5. Repeat the process as required
  6. When you are finished, you can save your navigation using the corresponding button

Procedure for the type Mega menu: Navigation block

  1. Select Navigation block from the options at the bottom right and add the block by clicking on the corresponding button
  2. Use the and buttons to specify how much space this navigation block should take up
  3. Enter a heading for the navigation block
  4. Optional: enter a direct link. This will also link the heading
  5. Add a link by clicking on the button
  6. Enter a label and URL for the link and accept your entry by clicking on the button
  7. Repeat the process as required
  8. When you are finished, you can save your navigation by clicking the corresponding button

Procedure for the type Mega menu: Shop category list

  1. Select Shop category list from the options at the bottom right and add the block by clicking on the corresponding button
  2. Use the and buttons to specify how much space this navigation block should take up
  3. Enter a heading for the navigation block
  4. Enter a shop category. (You can choose from the suggestions when typing)
  5. Optional: tick the box to automatically create navigation blocks. This will divide subcategories into further navigation blocks
  6. Optional: tick the box to automatically add a brand navigation block. This will add the brands that are in the categories as a navigation block. You can specify the maximum number of brands to be displayed here
  7. Repeat the process as required
  8. When you are finished, you can save your navigation using the corresponding button

Tips and Tricks:

Subscribe to our newsletter

Stay informed at all times. We will gladly inform you about product news and offers.