Language Navigationv2

The Language Navigation component provides a language and country navigation for a site, so that visitors can navigate to the same page in a different locale. It is commonly added to a page template, in the header or footer.

Using Core Components

Adobe Help Center

Examples

Single Level

Simple language navigation that allows to navigate to the same page in another language. If the same path doesn't exist in the content structure of the other language, then the navigation shows a path to the deepest parent page that it finds in the other language. To keep the pages of different locales linked (for the navigation as well as for the translation process), the convention is that they must keep the same path. Therefore, authors must not move or rename the pages, and instead use the Alias property if it is desired to localize the page name. The text displayed by the language navigation for each listed link is the Navigation Title of the language root page, or the main page Title when no navigation title is set on that page.

  1. navigationRoot: /content/core-components-examples/library/templating/language-navigation/language-structure/us
  2. sling:resourceType: core-components-examples/components/languagenavigation

Multiple Levels

The Language Structure Depth property allows to construct the navigation for content that is not only translated in different languages, but also tailored to regional markets. This allows to custruct for example a country / language structure. There can also be more than 2 levels of nesting, but the page structure must follow the same hieararchy.

  1. navigationRoot: /content/core-components-examples/library/templating/language-navigation/language-structure
  2. sling:resourceType: core-components-examples/components/languagenavigation
  3. structureDepth: 2