---
title: Подвал сайта
section: layout
theme: mebelidomanet
framework: bootstrap
redesign_status: done
last_updated: 2026-07-13
files:
  php_inline:
    - views/layouts/main.php:513-655
  php_partials: []
  scss:
    - src/client/footer/index.scss
  js:
    - src/client/footer/index.js
  widgets:
    - components/SocialIcons.php
  shared:
    - src/social-icons/
deps_on:
  - shared/social-icons
themes_with_analog:
  - mebelmall
  - dommebeli
  - mebelmart
  - freshshop
  - mebelmag
  - mebelbazar
  - hormebel
  - cartzilla
  - mebelmarket
  - stolkomebeli
---

# Подвал

## Назначение

Большой подвал из 4 колонок (`col-sm-6 col-lg-3` на разных размерах):

1. **Контакты** — телефоны, email, адрес, время работы, соцсети, иконки платёжных систем.
2. **Покупателю** — навигация (акции, новинки, спецпредложения, сайтмап, отзывы, сборка, производители).
3. **Помощь** — статические страницы (FAQ, оформление заказа, памятка, доставка, оплата, гарантии, возврат, рассрочка, жалоба, политика, оферта).
4. **Информация** — о компании / контакты / вакансии / команда / сервис.

Под колонками — логотип, юр-текст домена (`$domain->footerText`).

## Где живёт

- **HTML inline** в `views/layouts/main.php:513-655`. Не вынесен в partial.
- **SCSS:** `src/client/footer/index.scss` — стили под `.footer__*`, `.footer_sub`, `.phone__*`, `.pay__visa/.pay__mastercard/.pay__mir`, `.email`, `.adrress` (sic), `.bottom` (нижний блок копирайта).
- **JS:** прямого JS у футера нет. Кнопка `.phone__link` (показать локальный телефон) обрабатывается общим `src/client/phone/index.js`.
- **Виджет `SocialIcons::widget(['theme' => 'light'])`** в колонке «Контакты» (`views/layouts/main.php:547`).

Под подвалом ещё:
- **`footer-question`** (`views/layouts/main.php:490-511`) — баннер «Остались вопросы?» с телефоном; отдельный блок, см. [layout/footer-question](footer-question.md).
- **`.bottom`** (`views/layouts/main.php:664-672`) — нижняя строка копирайта, тоже логически отдельная.

## Bootstrap-классы

- **Сетка:** `container`, `row`, `col-sm-6`, `col-sm-9`, `col-sm-3`, `col-lg-3`, `col-xs-12`, `col-md-12`.
- **Flexbox:** `d-flex`, `flex-column`, `align-items-center`, `align-items-sm-start`, `justify-content-center`, `justify-content-sm-start`.
- **Display utilities:** `d-block`, `d-none`, `d-fles` (опечатка в `main.php:546` — `d-fles` вместо `d-flex`, **не править вместе с редизайном**, исправление — отдельный коммит).
- **Spacing:** `py-5`, `mt-5`, `mt-4`, `mt-3`, `mt-2`, `mt-sm-0`, `mb-3`, `mb-0`, `pl-4`, `pr-4`, `pl-0`.
- **Текст:** `text-center`, `text-sm-left`, `text-left`, `text-right`, `text-white`.

## JS-зависимости

- Никаких BS data-toggle — статика.
- `.phone__link` / `.phone__block` — обрабатывается `src/client/phone/index.js` (тоггл локального/основного телефона).

## Зависит от других блоков

- [shared/social-icons](../shared/social-icons.md) — виджет с иконками.

## Редизайн

**Выполнен** (2026-07-13) в стиле ../mebel-landing. **Раскладка переработана** (вариант «бренд слева, меню справа») — HTML футера переписан, `.bottom` вынесен в бар футера.

**Новая структура** (`<footer class="md-footer">`):
- `.md-footer__top` — CSS-grid: слева `.md-footer__brand` (логотип, слоган-tagline, контакты, соцсети), справа `.md-footer__nav` (3 колонки). На `lg+` — 2 колонки `minmax(260,340) 1fr`; ниже — стек.
- `.md-footer__nav` — 3 колонки на `md+`, 1 колонка ниже. **На мобиле (`<768`) нав-колонки — аккордеоны** (`.md-footer__col-title` + шеврон, тап раскрывает `.md-footer__col-list` через `max-height`). JS — `src/client/footer/index.js` (`.is-open`, guard по `matchMedia`, только на мобиле).
- `.md-footer__legal` — юр-текст `footerText`, hairline сверху.
- `.md-footer__bar` — нижняя полоса (`#241010`): копирайт `© {name}` слева + иконки оплаты `.pay__*` справа. Слоган переехал в tagline под логотип; **старый standalone `.bottom` удалён** из `main.php` (вместе с дублем копирайта).

**Стиль:** тёплый тёмный фон `#2a1212` (было холодное `#1c1c1c`), Manrope, текст `rgba(#fff,.66)`/faint `.42`, hairline `.12`. Заголовки колонок — uppercase c трекингом. Контакты — inline-SVG иконки (phone/mail/pin/clock, роза `#c99a9a`); на центрированном мобиле иконки убраны. Соц-иконки (`.social-icons` из виджета) — круглые чипы с бордером + подъём на hover.

**Хуки НЕ менялись:** `.footer__phone` / `.phone` / `.phone__block` / `.phone__link` + `data-role` (тоггл локального телефона, `src/client/phone/index.js`), `.email`, `.adrress`, `.time`, `.pay__*`, виджет `SocialIcons` (`.social-icons`).

## Заметки

- Подвал делит SCSS с другими «нижними» элементами темы (`footer-question`, `.bottom`). При редизайне этих трёх — `src/client/footer/index.scss` останется со специфичными `.footer_sub`, `.pay__*`, `.adrress` — это не BS, оставлять.
- `footer-question` («Остались вопросы?») — отдельный блок над футером, **редизайн ещё не делали** (светлый баннер), см. [footer-question](footer-question.md).
- В колонке «Покупателю» / «Помощь» / «Информация» используется `<ul><li><?= Html::a(...) ?></li></ul>` без BS-классов — стиль этих `ul/li` идёт от bootstrap reboot.