Primary Navigation Two-Level Menu

Layout Variant: G003

Content Type: Collection

Expected Use:

This is the component that styles the menu portion of the G002 Main Navigation. For G003 there is a primary menu used on emerson.com to allow Automation Solutions and Commercial & Residential Solutions to have secondary, independent menus. This G003 is not approved for use on other sites. If there is a need for a two-tier menu structure check with your platform governance for approval. All other approved sites should use G003B.

Special Note - G003 Supersedes "navigation" Placeholder Function Variant:

In the original CoreMedia site design the Primary Navigation was created with a CoreMedia Placeholder with the Function Variant "navigation". While this is still a valid component in CoreMedia and still used on some sites, it should be considered deprecated and superseded by the G003/G003B. The old "navigation" variant is hard coded and controlled by complicated and fixed logic based on children pages of the Homepage Navigation. Instructions for this version are no longer provided.

How to Build the G003 Menu:

• You will only add Items to the Items List of the G003. No other fields in the Collection are used. See below for building those Collections.
• Set the Layout Variant to G003.

Building Collections for the Top Level Navigation:

Create two or more Collections for the top level menus. In the primary use case, you will ceate two new Collections corresponding to Automation Solutions and Commercial & Residential Solutions and add them as Items to the G003 Collection Items List. For each of the Collections you will need to build as follows:

• Teaser Title - This is the label for the navigation such as "Automation Solutions" and "Commercial & Residential Solutions"
• Teaser Text - Not used in this collection
• Call-to-Action-Button - To make the navigation an active link, you will set "Use Linked-Call-to-Action Label" and add the Page you wish to have this direct to. This is required. The title of the linked pages will be displayed as the navigation text. These are clickable CTAs. CTAs navigate to internal pages or on hover expose dropdown menus. 
• Items - You will add Collections or Pages to the Items List that will be style as one of the 4 layout variant menu styles G012, G013, G014, and G015 or it can be a Page. You can add three to six Collections/Pages depending on the length of the labels you use. The labels come from the Teaser Text or Page Title. Each of the 4 menu styles has instructions for building out the menu "component".
• Layout Variant - This should be set to "Default" Layout Variant.

Primary Navigation Single-Level Menu

Layout Variant: G003B

Content Type: Collection

Expected Use:

This is the component that styles the menu portion of the G002 Main Navigation. For G003B there is single level navigation structure. Each entry can have a menu or simply link to a Page.

How to Build the G003B Menu:

The G003B is the shell that holds each of the menus or Pages in the main navigation. It is actually built in the same manner as the G003 even though there is just a single-level menu navigation. You will only add Items (Collections) to the Items List of the G003B. No other fields in the Collection are used. Each Collection will represent one menu entry and will contain either a Collection for a menu (G012, G013, G014 or G015) or the Collection will have a Linked-Call-to-Action-Button with a Page associated. See details below:

• Teaser Title, Teaser Text - Not Used in the G003B component.
• Items - You will add a Collection for each of the menus or Pages you want shown on the primary navigation. See below on how to complete these Default Collections
• Set the Layout Variant to G003B.

Completing the Collections for Each Menu or Page:

Each Collection can either contain a Collection with a menu or a Page, or both a menu and a Page. The Page is the CTA response when the menu label is clicked.

• Teaser Title - This is the label of the menu
• Items - You will add a Collection to the Items List that will be style as one of the 4 layout variant menu styles G012, G013, G014, and G015. If you wish the menu item to only be a link to a Page, leave the Items List empty.
• Call-to-Action Button - You can set a "Linked-Call-to-Action-Label" and add a Page. This will be the CTA that is used when someone clicks on the menu label.

Special Note for Adding an Editable Header Title:

This use case is specific to Climate Technologies, but could be used by other sites. On climate.emerson.com there is a header title that sits above the primary navigation. This allows "Climate Technologies" to be visible on the site since there is no logo for Climate Technologies (the Emerson logo is used.)

On the Homepage of the parent locale for your site, go to the System Tab and then go to "Local Settings"

• Add a new String entry
• The property is "headerLabel" (case sensitive)
• The value is "Climate Technologies"
• The type defaults to String that you just added

This can be manually edited/localized as needed when the Homepage is localized/translated.