Summary

The Vertical Menu is normally used to enable website visitors to navigate through its pages. The Vertical Menu Control is usually placed on the left (or right) sidebar.

Usage

Styling for the Vertical Menu can be adjusted in PW >> Styles >> Vertical Menu.

The Vertical Menu should be added first in a CMS back-end so that it appears in the Themler preview. Once it is added, you can select and style this control by using Vertical Menu options is PW.

Using Levels options you can choose how the Vertical Menu subitems should be opened:
-No Submenu means that the subitems are not displayed.
-Expanded - all subitems are shown in the menu.
-On hover - on hover, a list of subitems is opened but the parent item page is not loaded.
-With Reload - on hover, a list of subitems and the parent item page are loaded.

Use Item and Subitem tabs to style the appearance of the Vertical Menu items and subitems in the default, active and hovered states.
There is an Icon option in these tabs which allows you to put an icon next to each menu item's text.

In the Responsive section, you can enable display of the icon for the Vertical Menu in responsive mode and set the appropriate subitem display mode on the smaller screens:
-No Submenu - the menu subitems are not displayed in responsive mode.
-Expanded - all subitems are displayed as open in the vertical menu when the page is loaded.
-On Click - by clicking a parent item, the list of subitems is opened, but the parent item page is not loaded.
-With Reload - by hovering the parent item, a list of subitems and the parent item page are loaded.

WordPress

The Vertical Menu can be added from the Admin panel >> Appearance >> Widgets - for more information, refer to this article.

Joomla

Add the Menu module from the Admin panel >> Modules manager using the " vmenu" suffix as described here.

Magento

Refer to the main Magento article.

PrestaShop

The Vertical Menu styles are applied to the Categories block and CMS block modules in PrestaShop. More information can be found here.

Drupal

Add the menu block into the specific region like Vertical menu 1, read this Drupal article.

Sample

vertical-menu.png

###Summary The **Vertical Menu** is normally used to enable website visitors to navigate through its pages. The **Vertical Menu Control** is usually placed on the left (or right) sidebar. ###Usage Styling for the **Vertical Menu** can be adjusted in **PW** >> **Styles** >> **Vertical Menu**. The **Vertical Menu** should be added first in a CMS back-end so that it appears in the Themler preview. Once it is added, you can select and style this control by using **Vertical Menu** options is **PW**. Using *Levels* options you can choose how the Vertical Menu subitems should be opened: -*No Submenu* means that the subitems are not displayed. -*Expanded* - all subitems are shown in the menu. -*On hover* - on hover, a list of subitems is opened but the parent item page is not loaded. -*With Reload* - on hover, a list of subitems and the parent item page are loaded. Use **Item** and **Subitem** tabs to style the appearance of the Vertical Menu items and subitems in the **default**, **active** and **hovered** states. There is an **Icon** option in these tabs which allows you to put an icon next to each menu item's text. In the **Responsive** section, you can enable display of the icon for the Vertical Menu in responsive mode and set the appropriate subitem display mode on the smaller screens: -*No Submenu* - the menu subitems are not displayed in responsive mode. -*Expanded* - all subitems are displayed as open in the vertical menu when the page is loaded. -*On Click* - by clicking a parent item, the list of subitems is opened, but the parent item page is not loaded. -*With Reload* - by hovering the parent item, a list of subitems and the parent item page are loaded. ####WordPress The Vertical Menu can be added from the **Admin panel** >> **Appearance** >> **Widgets** - for more information, refer to this [article](page:3626#menu). ####Joomla Add the Menu module from the **Admin panel** >> **Modules manager** using the *" vmenu"* suffix as described [here](page:6643). ####Magento Refer to the [main Magento article](page:3826#vmenu). ####PrestaShop The Vertical Menu styles are applied to the Categories block and CMS block modules in PrestaShop. More information can be found [here](page:3829#vmenu). ####Drupal Add the menu block into the specific region like *Vertical menu 1*, read this [Drupal article](page:3728#vmenu). ###Sample !vertical-menu.png!