Sidebar Menu
![Simple sidebar menu](/images/m2/navigationpro/sidebar/small/simple.png)
![Sidebar with initially expanded levels and flat theme](/images/m2/navigationpro/sidebar/small/expanded-flat.png)
![Sidebar with accordion navigation](/images/m2/navigationpro/sidebar/small/accordion.png)
![Sidebar menu shows active branch only (Compact theme is applied)](/images/m2/navigationpro/sidebar/small/active-branch-only.png)
Create Menu and Widget
- Navigate to Swissup > NavigationPro page, and press “Add New Menu”.
-
Fill the new menu form according to your needs and press “Save”.
Do not fill “Replace Top Menu at” option:
- That’s all. Clear Magento’s cache and check out the sidebar menu on the category pages.
Edit Widget Settings
Proceed the following steps, if you’d like to customize sidebar menu styles:
- Navigate to Content > Widgets.
- Find the newly created widget in the widgets grid.
-
Switch to Widget Options tab and fill the values according to desired result.
Menu: Select newly created simple menu Show Active Branch Only: No Initially Shown Levels Count: 1 Theme: Blank Layout: Vertical Dropdown Positioning: Standard Wrap into Block Template: Yes Block Title: Categories
Sidebar with initially expanded levels:
Menu: Select newly created simple menu Show Active Branch Only: No Initially Shown Levels Count: 2 Theme: Flat Layout: Vertical Dropdown Positioning: Standard Wrap into Block Template: Yes Block Title: Categories
Sidebar with accordion layout:
Menu: Select newly created simple menu Show Active Branch Only: No Initially Shown Levels Count: 1 Theme: Flat Layout: Accordion Dropdown Positioning: Standard Wrap into Block Template: No
Sidebar with active branch only:
Menu: Select newly created simple menu Show Active Branch Only: Yes Show Parent Category: Yes Theme: Compact Layout: Vertical Dropdown Positioning: Standard Wrap into Block Template: Yes Block Title: [Leave Empty]
- Save Widget and check out the result!