kirill-zhirnov
commented
2 years ago Помимо футера, нужно MainLayout добавить Flex стили: шапка сверху, main растянут по высоте, footer прижат к низу (даже если контента на странице не хватает для прижатия футера к самому низу).
Также нужно проверить, что все страницы, корректно встраиваются в layout, например cart имеет свой тег main, что неверно - страницу cart поправить.
В лайауте, блок main не надо оборачивать в контейнер, тк страницы могут иметь full-width блоки. Всместо этого, каждый блок/страница сам, по мере необходимости оборачивает контент в контейнер. (исключения boxed темы, но пока их пропустим).
Generic компонент, футер делаем по образцу: https://i3703.my-sellios.ru/
Компонент принимает меню (интерфейс такой же как в https://github.com/kirill-zhirnov/boundless-nextjs-sample/issues/36), подключается в MainLayout. Страницы передают footerMenu в MainLayout.
Футер на весь экран, контейнер по центру, в контейнере 4 колонки:
В css ввести переменные
front-footer-bg,front-footer-text-color,front-footer-link-color, возможно еще что-то - посмотреть как сделан футер в babylon, тема neptune.Разметка БЭМ.
Для меню в футере разметка Schema.org/List.