Versions Compared

Old Version 34

changes.mady.by.user Documenter

Saved on

compared with

New Version 35

changes.mady.by.user Documenter

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Multiexcerpt
MultiExcerptNameFeature Overview

Your BPD website features two types of menus:

  • the navigation menu - for products and categories
  • section menus - for content
Sample Navigation MenuSample Section Menu
Image Added


Image Added

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 site's footer probably has at least one section menu on it already. 

...


...

Image Removed

...

This how-to guide helps you create menus and menu items in the current version of the section menu editor. 


Info

Creating and editing your content menus are done in Navigation → Section Menu Editor in the CMS. For the current user interface and updated features, you'll need to be running version 4.06 or higher and request that we enable 'Section Menu Editor' for you. We'll examine your current menu data on request of the feature (prior to enabling), to ensure a smooth transition from old to new. Interested? Contact us to get started!

If you are still using the classic menu editor (which used to be in the 'Advanced Content' menu), note that it is now located in Section Menu Editor, 

...

. 




Creating a New Menu 

  1. In the CMS, select Navigation → Section Menu Editor.

  2. Click Create New Menu.

  3. In Label, give your menu a name. Note that this won't be displayed anywhere, it's just a name for internal use. 


  4. Click Save. The menu is added to the dropdown list.

  5. Next, click Add Item To Menu.


  6. In Label, name the menu item. This label will be displayed in the menu.

  7. If you want an icon to appear next to the menu label, in Icon Name, select an icon. 

  8. In Menu Type, select the landing page for the menu item:
     page - select a page on your site
     product - select a product (to land on the product details page)
     category - select a product category  
     link - enter the path of the destination and toggle 'Open a New Window' on if you want the landing page to open in a separate window. 

    For links, remember:
    • Valid URLs must start with either http:// or https://
    • Javascript code must start with javascript:




  9. There are additional options for Pages: 
    1. Include in Site Map
    2. Open in New Window (this option is also available for Links)
    3. Hidden


  10. Repeat steps 5-9 to create additional menu items.

    Tip

    You can drag and drop the menu items to re-order them if you decide the sequence isn't right.


  11. To save all changes to this menu, click the Save button in the top right corner. 


Adding Access Options to a Menu or Menu Item

You can configure who can access a menu or an individual menu item. Next to the menu or menu item, select Options → Associated Roles. By default, each item you add to a section menu will inherit the role permissions set for the menu. However, you can configure different access to individual menu items if required.

  1. When you first create a new section menu, it will be linked to ALL menu codes. You can toggle off the ones you don't want right here.


  2. Click Confirm to exit the box.   

  3. Click Save to save any changes made to the menu.

...

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.

Image Modified

  1. Navigate to Content → Page Templates. 

  2. Select the Theme Layout. 

  3. Locate the Mega Menu widget and click Edit. 

  4. In the menu, select the Section Menu Settings tab. 

    Image Modified
  5. 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.

...