Фрейм site__header

Шапка сайта: логотип, меню области header с подменю, две кнопки и выпадающий переключатель языка.

Разметка

<div class="site-header site-header--frame">
  <!-- onpress/repeat {"source":"header"} -->
  <a class="site-header__logo" data-op-bind='{"href":"item.logo_link","aria-label":"item.logo_label"}'>
    <img class="site-header__logo-img" data-op-bind='{"src":"item.logo_url","alt":"item.logo_alt"}'>
    <span class="site-header__logo-text" data-op-bind='{"text":"item.logo_text"}'></span>
  </a>
  <nav class="site-header__nav" data-op-bind='{"aria-label":"item.menu_label"}'>
    <ul class="site-header__menu">
      <!-- onpress/repeat {"source":"menu.header"} --> … <!-- onpress/repeat {"source":"item.children"} --> … <!-- /onpress/repeat --> <!-- /onpress/repeat -->
    </ul>
  </nav>
  <div class="site-header__actions">
    <a class="site-header__button" data-col="quiet" data-op-bind='{"text":"item.btn_secondary.text","href":"item.btn_secondary.link"}'></a>
    <a class="site-header__button" data-col="accent" data-op-bind='{"text":"item.btn_primary.text","href":"item.btn_primary.link"}'></a>
    <div class="site-header__lang"><!-- onpress/lang-switcher {"class":"oplang","show":"name","display":"dropdown"} /--></div>
  </div>
  <!-- /onpress/repeat -->
</div>

Данные

Набор header — один элемент на язык (header@en, header@ru…): logo_url, logo_alt, logo_text, logo_link, logo_label, menu_label, btn_primary и btn_secondary (объекты {text, link}). Меню — пункты меню, стоящего в области header, второй уровень выводится подменю. Кнопка без текста остаётся пустой ссылкой — уберите её из разметки копии, если она не нужна. Переключатель языка на одноязычном сайте ничего не выводит.

Вызов

<!-- frame/site__header /-->

Другая шапка для части страниц — копия под слагом вроде site-simple__header и оболочка страницы, которая вызывает её.