Link to config: Go to Admin panel > choose [App Builder] > Select a template that you want to update > Choose option [Sidebar] on the dropdown.
1. Layouts
There are 10 layout templates that users can choose to set up for their sidebar. Please refer to [Layout] tab for the detail refer here :
– Layout 1: Sidebar Overlay
– Layout 2: Sidebar Scale Right
– Layout 3: Sidebar Scale Rotate
– Layout 4: Sidebar Stack
– Layout 5: Sidebar Fixed Stack
– Layout 6: Sidebar Scale Bottom
– Layout 7: Sidebar Scale Top
– Layout 8: Sidebar 3D in
– Layout 9: Sidebar 3D out
– Layout 10: Sidebar Popup
2. General
We have 3 sections for a sidebar: Header sidebar, Categories, Link customize
| Header sidebar | Including customer info (avatar, users name, email) and Sign in/ Sign out button refer here |
| Enable Header Sidebar | Show/hide this section |
| Alignment | Set this section as left-align, center-align or right-align |
| Categories | Including categories info |
| Enable Categories | Show/hide this section |
| Alignment | Set this section as left-align, center-align or right-align |
| Title | Set title for this section |
| Show hierarchy | Show/hide sub-categories |
| Max Depth | Only set value for this field if users turn on [Show hierarchy] function. Ex: If you set = 1 => only sub-category level 1 will be shown. |
| Show product counts | Show/hide product number for each category |
| Enable Image Categories | Show/hide category image |
| Include Categories | Only selected categories will be shown on Sidebar |
| Exclude Categories | Selected categories will NOT be shown on Sidebar |
| Link customize | Including customization links |
| Enable Link Customize | Show/hide this section |
| Alignment | Set this section as left-align, center-align or right-align |
| Enable Icon | Show/hide the icon |
| Title | Set title for this section |
| Content Block | Users can add a customization link with info:- Icon- Action to click- Title |
3. Style
Users can totally config: Background color, Text color, Border color, Background image for their sidebar to make it more attractive by clicking on [Style] tab.
