Navigate to Swissup > NavigationPro page, open menu to edit.
Please note, that you need to create Departaments item and move all categories inside it.
You can use a link to CMS page for the Deparataments item. Referenced CMS page can utilize EasyCatalogImages widget to list all of your categories.
- Click Menu Settings button.
Set CSS Class value to
navpro-amazon, and Maximal Depth value to 3. This will limit number of loaded navigation levels.
Change Second Level Dropdown Settings:
Option Value Columns Count 2 Columns Direction Vertical Nested Levels Per Dropdown 2
HTML Content Settings:
Option Value Content Upload image with Insert Image button
- Save Menu Settings and see the result on Frontend.
The rest of the top level links are the links to the cms pages. Following CSS helpers are used for them:
text-small— Added to decrease links size
ml-auto— Added to the “Help” item to move it and all next the items to the right edge.
P.S. If you’d like to apply additional changes to the specific dropdown only, you can select the item in the tree and edit Dropdown Settings fields for this particular item.
Available since 1.1.0
Our settings for top navigation will show the first 3 category levels only. So, we need to create sidebar menu that will show subcategories of currently viewed department.
- Create simple menu
- Navigate to Content > Widgets
Create new Navigationpro widget with following settings:
- Save the widget.