Barmer Fractal

Header: Reduced With Additional 

<header class="o-header js-header-init">

    <div class="header__wrapper">

        <div class="header__logo">
            <a href="/" class="header__homelink"><img src="../../img/barmer-gek-logo.svg" alt="BARMER-Logo" title="BARMER-Logo" class="a-image a-image--logo-barmer">
            </a>
        </div>

        <div class="header__additional">
            <div class="af-contact ">
                <p>Hilfe beim Wechsel</p>

                <a href="tel:08003331010" class="a-link " aria-label="Telefon 0800 333 1010">
                    <i class="a-icon icon--contact" aria-hidden="true"></i>&nbsp;<span class="link__inner">0800 333 1010</span>
                </a>

            </div>

        </div>
    </div>

</header>
 
<header class="o-header js-header-init">

	<div class="header__wrapper">

    <div class="header__logo">
		  <a href="/" class="header__homelink">{{render '@image--logo-barmer' merge=true }}</a>
    </div>

    {{^switches.isReduced}}
      <div class="header__actions">
        {{^switches.loggedIn}}{{ render '@button--login-mobile' partials.btnLogin merge=true }}{{/switches.loggedIn}}
        {{#switches.loggedIn}}{{ render '@button--login-with-user-initials-mobile' partials.btnLoggedIn merge=true }}{{/switches.loggedIn}}
        {{ render '@button--search' partials.btnSearch merge=true }}
        {{ render '@button--menu' partials.btnMenu merge=true }}
      </div>

      {{ render '@navigation' partials.navigation merge=true }}
    {{/switches.isReduced}}

    {{#switches.isReduced}}
      {{#if switches.hasAdditional}}
        <div class="header__additional">
          {{render (stringToPartial partials.additional.includedItemType) partials.additional.item merge=true }}
        </div>
      {{else}}
        {{ render '@navigation--reduced' partials.navigation merge=true }}
      {{/if}}
    {{/switches.isReduced}}
	</div>

</header>

{{#if switches.hasHeaderBg}}
  {{ render '@header-background' }}
{{/if}}
 
{
  "switches": {
    "loggedIn": false,
    "hasHeaderBg": false,
    "hasAdditional": true,
    "isReduced": true
  },
  "viewtypes": {},
  "content": {},
  "partials": {
    "btnSearch": {
      "switches": {},
      "viewtypes": {
        "specifier": "btn--search-mobile js-search-toggle"
      },
      "content": {
        "ariaControls": "searchPanel"
      },
      "partials": {}
    },
    "btnMenu": {
      "switches": {},
      "viewtypes": {
        "specifier": "btn--menu-mobile js-menu-toggle"
      },
      "content": {
        "ariaControls": "mainNavigation"
      },
      "partials": {}
    },
    "navigation": {
      "content": {
        "id": "mainNavigation"
      }
    },
    "search": {
      "content": {
        "id": "searchPanel"
      }
    },
    "additional": {
      "includedItemType": "af-contact",
      "item": {}
    }
  }
}

No notes defined.