CUSTOM MENU
This custom menu have many option you that can choose:
1. Setting module
In admin page. Go to: Rokanthemes/Custom Menu
Enable: Choose Yes if you want custom menu.
Default Menu Type: This is type of menu that will be displayed if you choose Default type in the Menu type option in Catalog/Categories setting
Visible Menu Depth: Show number of sub menu categories.For example, if you set this value to 2, only second level categories will be displayed.
Static Block(before): Set identifier of static block content that will be shown before the default category menu items and after home link.
Static Block(after): Set identifier of static block content that will be shown afer the default category menu items and after home link.
After set identifier of Static Block(before, after). Go to Content => Block and add new block. Make sure that this block have identifier same as identifier that you just set in Custom menu module. Click Show / Hide Editor to put html.
You have to keep HTML structural and class like bellow to make sure it don't break style. If it have submenu, put this HTML tag
<div class="open-children-toggle"></div>after level-top to open submenu in mobile.
If you don't want to use static block in menu, make it empty.
Category Labels: This options are values in Category label and can be assigned to every category in Catalog > Categories > Category Label
2. Custom sub menu.
With this module, you can easy custom your sub menu.
In admin page, go to: Catalog/Categories then select category that you want to custom submenu. Choose Enable Category and Include in menu. Scroll down, you will see custom menu option.
.
Let see what we can do!
Generate option.
.
Hide This Menu Item: Hidden this category in main menu.
Menu Type: Type of sub menu. We have three type menu: Classic, Full width, Static menu.
- Classic sub menu type: Simple menu, include only categroies.
- Full width sub menu type: Submenu will be show full width (depend on design).
- Static width sub menu type: You can manually set the width of the submenu by put an value in the box Static width.
Sub Category Columns: Column of sub category.
Float: Position of sub menu: left or right.
Icon Image: Insert icon by upload images from your computer. It will be show before category name in main menu.
Font Icon Class: You can input class of font icon on this (Note: Font icon must be included in code folder). With Armania theme, we already included: Font Awesome and IcoMoon icon font. You can go to there web site, choose icon that you want, copy icon name and paste it to this input.
Add content to sub menu.
With custom menu module, you can add text, images, video, iframe, html tags... into submenu. Let see how to do that.
We have 4 editor's corresponding to 4 positions in the sub menu: top, left, right, bottom. In this ediors you can add content that you want to show in submenu. If you want to add html or insert images, it will easier for you if you click WYSIWYG Editor
Left block width, Right block width: Width of right and left block compared to the total width of submenu.
If you don't want to add content in submenu. Please leave emty Editors top and bottom block and choose Do not show with Left block and Right block
