Technical documentation - Main Layout and navigation bar

This article describes how to configure how MainLayout, including breadcrumb, can be configured.

This configuration is available in version 5.1 and later.

Overview

Main layout can be configured per presentation type, eg. if breadcrumb is to be shown or not.

Market selector allow anonomous users to select a market in toolbar, footer or when first arriving at the site. Language selector allows user to select language in toolbar, footer or when first arriving at the site. Language selector can look something like this:

Configuration

Main layout is configured in the root of profile.config, but may be overridden for presentations in profile.config.

<MainLayout> <MarketSelector display="toolbar" /> <LanguageSelector display="toolbar" /> </MainLayout> <PresentationSettings> <Presentation id="start" template="index" class="start"> <Trigger label="start"/> <!-- Configuration of main layout on start page --> <MainLayout> <NavigationBar display-start-page="false" /> </MainLayout> </Presentation> </PresentationSettings>

Tags and options in main layout

Tag

Usage

Options

Values

Tag

Usage

Options

Values

LanguageSelector

Configure if and where language selector is to be displayed

display

header toolbar headertoolbar footer

MarketSelector

Configure if and where market selector is to be displayed

display

header toolbar headertoolbar footer

NavigationBar

Options when displaying the navigation bar

display-start-page

true/false

 

Separator in navigation bar

Changing separator in the navigation bar is possible using css. Try the below css to change separator.

.main-layout .main-navigationbar a + a:before{ content:' \003E'; }

 

Markets functionality

For markets functionality and public prices see separate article: