**Under Construction - Renaming being undertaken to clarify menu design**

Locale Selector Front Door Page

Layout Variant: G019

Content Type: Page/Action

Expected Use:

This is used when a new visitor comes directly to "emerson.com" by typing in their browser or through a link that does not identify a specific locale. The user will land on the Locale Selector Front Door Page and be required to choose the appropriate language/country locale option from the list on the page.

How to Build the Front Door:

Note: The Front Door page holds the main Action content for the front door functionality and is populated with the Action ID – localeSelector. Here the existing functionality for the locale selector in Emerson Electric site is used to obtain all the available countries and respective languages for the front door. You will create a Page in the same way as you always would. It is a parent of the Homepage. 

• Content Tab:
  • Page Title, Placement, etc.
  • Create a Collection for the Header. The Front Door has no links in the header. Add a Logo to the Items in the Collection and set the Layout Variant to G002.
  • The Hero is an H004 Text only hero. You can use a Teaser with Teaser Title and Teaser Text. Set the Layout to H004 in the Hero Placement on the Page.
  • Add an Action with ID "locale Selector" to the Main section of the Placement
  • The Footer is inherited from the Homepage
• Metadata Tab:
  • URL suffix, HTML description, etc. 
• System Tab
  • There is a Settings file attached to the Page to suppress the appending of the locale info to the HTML Title (eg: " | Emerson US). This is accomplished by adding a Boolean Property with the Property variable "appendTitleLocale" and the boolean value being deselected. 

Settings on the Homepage:

There are additional settings files needed for the Front Door. 

• FrontDoor Locale Settings - Listing of all Locales for the Front Door. This includes the comprehensive list of all locales and the list of Most Visited Locales.

Related CoreMedia Files for Front Door Implementation:

An ftl file is created as a teaser for the front door implementation:

modules/frontend/lib/bricks/emerson-base-templates/src/templates/com.emerson.globalization.cae/LocaleSelectorInfo.asTeaser.ftl

• This ftl file holds the information about the countries and languages that are available for the Emerson.com.
• The content in this file is segregated into two sections:
  • Most Visited Locales – The information in this section is populated from the static content available in the studio settings linked to the Homepage as mentioned before.
  • All Locales – Existing locale selector functionality is leveraged over in this section to populate all the available regions for Emerson.com.
• The logic for setting the cookie to the user’s browser with the preferred locale value is available in this ftl file.
• According to the user preference the cookie will be set with an expiry of 120 days which will be used for determining whether the user will be redirected to the preferred locale or not.