Dropdown navigation
Last updated
Last updated
Activate the flyout navigation under Header > Main navigation > Basic configuration > Subnavigation appearance
The colors for the background (1) as well as foreground (2) of the dropdown navigation can be set independently from the flyout navigation. An additional border (3) can make the dropdown navigation stand out more from the background - there is no :hover color here, as the frame is placed around the whole list.
A dropdown navigation can basically be triggered by a MouseOver event (Hover event) or a Click event. Via the setting Dropdown trigger (1) you can determine yourself how the dropdown opens.
Die Navigation levels (2) specify how many levels of the category tree should be displayed. Counted is from the main category level.
Since a click event on the parent category (1) does not let this open itself, the dropdown will show the parent category in the dropdown with the additional text "show {category name}" if it is not a structural category.
Unlike the dropdown triggered by a click event, there is no need to include the parent category in the dropdown again.
As with the flyout menu, the font size and weight can be adjusted for the individual menu items.
from theme version 4.7.0
Via the custom fields under Catalogues > Categories > [Select category] in the tab "Additional" you will find a media field Category Icon for configuring the icon.
You can use the checkbox Icon (1) to activate the display of icons in the main navigation and set the Size (2) of the icons for the respective menu.