Фрейм site__footer
Подвал сайта: бренд и описание, соцсети, переключатель языка, три колонки меню, дополнительные колонки, копирайт и юридические ссылки.
| Где стоит | вызывается из фреймов страниц |
| Что читает | набор footer, меню menu.footer_1–menu.footer_3, языки сайта |
| Что вкладывает | site__cta, site__cookies, site__lightbox |
Разметка
Весь подвал — один повторитель по набору footer, внутри него вложенные списки:
<!-- onpress/repeat {"source":"footer"} -->
… <span data-op-bind='{"text":"item.brand"}'></span> <p data-op-bind='{"text":"item.about"}'></p>
<!-- onpress/repeat {"source":"item.socials"} --> <a data-op-bind='{"href":"item.url","aria-label":"item.network"}'></a> <!-- /onpress/repeat -->
<!-- onpress/lang-switcher {"class":"oplang","show":"name","display":"dropdown"} /-->
<!-- onpress/repeat {"source":"menu.footer_1"} --> … <!-- onpress/repeat {"source":"item.children"} --> … <!-- /onpress/repeat --> <!-- /onpress/repeat -->
… menu.footer_2, menu.footer_3 …
<!-- onpress/repeat {"source":"item.extra_columns"} --> … <!-- onpress/repeat {"source":"item.items"} --> … <!-- /onpress/repeat --> <!-- /onpress/repeat -->
<!-- onpress/copyright {"text":"© {year}."} /-->
<!-- onpress/repeat {"source":"item.legal"} --> <a data-op-bind='{"href":"item.url","text":"item.title"}'></a> <!-- /onpress/repeat -->
<p class="nfoot__note" data-op-bind='{"text":"item.legal_note"}'></p>
<!-- /onpress/repeat -->
Данные
Набор footer на язык: brand, about, rights, sitemap_label, sitemap_url, списки socials, legal, extra_columns (у колонки — заголовок и items). Необязательное legal_note — строка мелким серым текстом во всю ширину нижней полосы, под копирайтом и юридическими ссылками: данные оператора, ИНН, оговорка о независимости сервиса. Поле пустое или его нет — строки нет, и подвал выглядит как раньше. Короткое «Все права защищены» оставляйте в rights, длинную оговорку — в legal_note, иначе на телефоне она сжимается рядом с кнопками темы. Поле disclaimer подвал не выводит. Колонки меню — меню областей footer_1, footer_2, footer_3; пустая область даёт пустую колонку и комментарий список «menu.footer_1» пуст. Текст копирайта у сайтов разный — это единственное, чем подвал bota.chat отличается от подвала aitoolsformarketing.pro (© {year} Marketly.).
Хлебные крошки
На всех страницах, кроме главной, сайт ставит первой строкой подвала (внутрь site-footer__inner) хлебные крошки: «главная → родители → страница». Во фрейме для этого ничего писать не нужно; если строки site-footer__inner нет, крошки встают прямо над <footer>. Крошки всегда в одну строку: «Главная» и разделители не сжимаются, длинные пункты обрезаются многоточием — сначала средние, текущая страница последней, — а полный текст пункта виден во всплывающей подсказке. Та же цепочка уходит в разметку BreadcrumbList — подробно в SEO.
Вызов
<!-- onpress/frame {"name":"site__footer"} /-->