topBar.html

<div class="topbar template-columns">
    <div class="template-column topbar-left hide-on-mobile">
        {locale group="quiqqer/template-cologne" var="template.topbar.content.left"}
    </div>

    <div class="topbar-right template-column">
        {* product search *}
        <div class="template-search">
            {$Search->create()}
        </div>

        {* language & currency switch *}
        {$LangCurrencySwitch->create()}

        <span class="cologne-header-control-user">
            {if $User->getId()}
                {$Avatar->create()}
            {else}
                <span class="fa fa-user-o round-icon"
                      title="{locale group='quiqqer/template-cologne' var='template.login'}"></span>
            {/if}
            <span class="cologne-header-control-user-loader">
                <span class="fa fa-pulse fa-spinner"></span>
            </span>
        </span>

    </div>
</div>