Technical documentation - Main Layout and navigation bar
- Mattias Löfstrand
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 |
|---|---|---|---|
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: Technical documentation - Market selector
Related articles