...
| Multiexcerpt | ||
|---|---|---|
| ||
Your BPD website features two types of menus:
Whilst a standard website will generally only have one main product menu, it might have several content menus appearing in various places. For example, Your your site's footer probably has at least one section menu on it already. |
...
Once you have created a section menu, you can display it on your site. You can do this by (i) using a Section Menu widget or (ii) including it a section menu with your site's Mega Menu.
...
A Section Menu widget can be placed virtually anywhere on your website, so it's the most flexible option for displaying a content menu.
- Navigate to Content → Page Templates and select the template you wish to display your menu on. For example, you might choose the 'Theme Layout' for your site's footer, or the content zone of your home page.
- Scroll to the required zone and click Add Widget.
- Search for and select Section Menu widget, then click Add Widget.
The The widget configuration window will open automatically for you to adjust settings.- Find the Section Menu Item Code field, and select your a section menu from the dropdown list.
- Specify any remaining settings you require (icons, etc.) - you'll find more info on this widget and its options here - . TIP - for more help, click Section Menu Widget, or in or the Documentation tab right inside in the widget!
- If you 'd like want a heading menu heading to display above your menu items, select the Titles tab. Enter your
- In List Heading, and specify a link for it if required.
enter the heading title you want displayed.
- If this heading is a link, in Heading Link, add the path to the landing page.
- If you want an icon to display next to the heading, select from the Heading Icon dropdown list. In Heading Icon Position, select whether the icon should display to the left or right of the heading.
- Once you're happy with the widget settings, click Save the widget.
If you're ready to send it live immediately, toggle the 'Enable widget on Save' setting at the bottom of the window before you click Save.
...
Displaying a section menu as part of the Mega Menu
If your website uses a Mega Menu (where your top level categories are listed individually, rather than in one big flyout), you can include a section menu within that same area.
You can configure the Mega Menu widget to display a section menu either before
...
or after the product categories.
- Navigate to Content → Page Templates.
- Select the Theme Layout.
- Locate the Mega Menu widget and click Edit.
- Navigate to Content → Page Templates.
...
- In the menu, select the Section Menu Settings tab.
- Configure options as required:
- Section Menu Item Code - select
...
- the section menu from
...
- the dropdown list.
...
- Section Menu Append / Prepend to Category Menu? 'Append' will display the menu after the Category menu and 'Prepend' before it.
- If you want a heading for the section menu, in Section Menu Heading, enter the label. If left blank, the label from the first menu item will display in its place.
...
- If the heading is a link, in Section Menu Link, enter the link details.
- If you want to display an icon next to the heading, in Section Menu Icon, select the icon.
- If you are using an icon, in Section Menu Icon Position, select to position it left or right of the heading
...
- label.
- To display menu item icons (selected in 'Section Menu Editor') next to each menu item, check the Section Menu Show Item Icons.
6. To save your settings, click Save.
Tip In order to see your changes reflected on the website, you may need to login / out - the Mega Menu widget is session cached. For more information on caching, see our article on Forcing A Cache Refresh.
Custom Pages - adding a page to a section menu
Custom pages A custom page must be added to at least one menu when you create themfirst configure its settings. The steps below will outline how to add a page to a section menu, whether it's brand new or you're editing an existing one.
- Navigate to Content → Page Templates → Custom Pages.
- Edit the page you require.
- Options → Page Properties.
- Scroll to the Add to a Menu section. You'll see the If there are menus this page is currently accessible on, as well as an Add Menu option.
Select the menu you'd like to add the page to. You can filter the dropdown options by choosing either Section menu or Navigation menu typesfrom, they will be listed.- To add the page to a menu, in Menu Type, select whether the page is to be added to a section menu or navigation menu. This filters the menus you can select from in the dropdown list.
You have the option of adding the page to a menu but keeping it hidden, via the Hidden toggle.
Click- If you want the added page to be hidden from view, toggle Hidden on.
- To add the menu, click Add Menu.
Click Save & Exit.
Tip Depending on the menu's location on your site, you may need to refresh the cache in order to see your page appear on the web.
...