Version:
Cohesiondx.com

    Creating menu templates

    You can create templates for Drupal menus using the Layout builder and the Style builder. The steps below describe how to create a simple single level menu template and apply it within a Content or Master template. You should start by using this guide but if your require a guide to creating more complex menus, see Creating multi-level menus with interactivity.

    Create a single level menu template

    Step 1 - Create the menu template

    1. Navigate to DX8 > Templates > Menu templates
    2. Click +Add menu template
    3. On the next screen, enter a name for your menu in the Title field.

    Create-menu-template.gif

    Step 2 - Layout the menu template

    Add three Menu elements in the order shown below to create an Unordered list with a link inside the list item.

    1. Click the +plus icon on the Layout canvas to open the Sidebar browser
    2. Drag a Menu list container element onto the Layout canvas. This is a <ul> element.
    3. Drag a Menu list item element into the Menu list container on the Layout canvas. This is an <li> element
    4. Drag a Menu link element into the Menu list item on the Layout canvas. This is an <a> element.

    Layout-menu-template.gif

    Step 3 - Configure the Menu list container element

    1. Double click on the List container element to edit its settings
    2. Within the List container element you can select a List style for your menu but for now you can leave this set to None and your menu will use your Base unordered list style. For more information, see Creating styles for menus
    3. Click Apply.

    Configure-menu-list-container.gif

    Step 4 - Configure the Menu list item element

    1. Double click on the List item element to edit it's settings
    2. Within the List item element leave the Range field blank
    3. In the Child list visibility, select Initially visible
    4. Leave list item style blank
    5. Click Apply.

    Configure-menu-list-item.gif

    Step 5 - Configure the Menu link element

    1. Double click on the Menu link element to edit it's settings
    2. Within the Interaction field, select Click through to link
    3. Clcik Apply.

    Configure-menu-link.gif

    Add a menu to a Content template

    These steps assume that you have already created Master templates and  Content templates for Content types and used them for creating website pages. It also assumes that you have created a Drupal menu to use on your website. If not, you should create one before continuing with these steps.

    Step 1 - Add the Menu element to a Master template or Content template

    1. Navigate to DX8 > Templates > Master template
    2. Select a Master template you have used to create pages and click Edit
    3. Click on the +plus icon to open the Sidebar browser
    4. Drag the Menu element into your Template. Place it at the top of your template so it's obvious where the menu is going to display.

    Add-menu-to-master-template.gif

    Step 2 - Configure the Menu element

    1. Double click on the Menu element to configure its settings
    2. Within the Menu field, select your Drupal menu
    3. If you only want the menu to display the active trail, toggle on Only render active trail
    4. If you want the menu to start at a specific level of your Drupal menu, enter a number in the Start at level x in active trail. Leave blank (or 1) for level 1, enter 2 for level 2 etc
    5. Within the Template field, select your menu template
    6. Click Apply.

    Configure-menu-element.gif

     

    Step 3 - Save your template and view a page

    1. Click Save and continue at the bottom of your content template
    2. Navigate to a page which uses the content template
    3. If you have followed the steps above correctly you will see your menu at the top of your page.
    Cohesion DX8 Help center

    Launch our Help center to raise a support ticket or search our knowledge base of common questions and answers.

    DX8 knowledge base icon

    Knowledge base

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    Log in to the Help center to raise an issue. Available Monday - Friday, 09:00 - 17:00 GMT.

    Raise ticket