header.html

L'header di un sito è generalmente costante per le varie pagine, il file header.html viene infatti generalmente incluso in base.html. Questo file non è obbligatorio. Nell'esempio abbiamo inserito la selezione della lingua, la barra di ricerca, il logo tramite le impostazioni tema e un menu creato tramite una macro.

header.html
<header>
    {% set languages = get_languages() %}
    {% if languages|length > 1 %}
    <ul>
        {% for lang in languages %}
        <li class="{{ lang.active ? 'lang-flag active' : 'lang-flag' }}"><a href="{{ lang.url }}">{{ lang.name }}</a></li>
        {% endfor %}
    </ul>
    </div>
{% endif %}
</div>
<div class="search">
    {{ macro.search() }}
</div>
 
{% set logo = theme.settings('logo') ?: 'img/logo.png' %}
<a href="/{{ lang.code }}" class="navbar-brand navbar-logo">{{ theme.image(logo, { class: 'img-responsive' }) }}</a>
 
<div class="menu">
    <ul class="nav navbar-nav navbar-right">
        {{ macro.menu(menu_position('top')) }}
    </ul>
</div>
</header>