# Шаблон custom

Активное оформление сайта — шаблон `local/templates/custom` (внутреннее имя `reborn_template`, задано в `description.php`). Здесь шапка, подвал, подключение ресурсов, поведение фронта и переопределённые шаблоны компонентов.

## Подключение ресурсов (`header.php`)
Через `Bitrix\Main\Page\Asset` подключаются:
- **Шрифты:** Inter, ProximaNova (локальные, папка `fonts/`), плюс Google Fonts (Roboto, Manrope). В `fonts/` есть и `adihaus` (шрифт в стиле Adidas).
- **CSS:** Fancybox, Swiper, основной `styles.css` (~56 КБ).
- **JS:** jQuery 3.7.1, jQuery UI, Fancybox, Swiper, `jquery.maskedinput`, и свой `js/script.js`.

## Шапка (`header.php`)
- Верхнее меню-ссылки: «О компании», «Контакты», «FAQ».
- Логотип-текст **`GEKKON`** — захардкожен в `header.php`/`footer.php`. Судя по демо-контактам в подвале и реальному домену `shoes1.orangedm.agency`, это, скорее всего, **заглушка шаблона**, а не бренд магазина. Меняется правкой шаблона.
- Поиск — компонент `bitrix:search.page` (шаблон `custom_input`) по инфоблоку каталога (ID 2).
- Боковое меню разделов — `bitrix:catalog.section.list` (шаблон `aside_menu`); в меню попадают разделы со свойством `UF_SHOW_IN_MENU`.
- Хлебные крошки — `bitrix:breadcrumb` (шаблон `custom`), скрыты на главной.

## Подвал (`footer.php`)
- Колонки «Контакты», «FAQ», «Покупка» (ссылки на Ozon, Wildberries, «Заявка на покупку»).
- Нижнее меню — `bitrix:menu` (тип `bottom`, шаблон `footer_custom`).
- Юридические PDF из `/upload/docs/` (политика и согласие на обработку ПДн).
- Подключения областей: `include/copyright.php`, `include/socnet_footer.php`, `include/sect_bottom.php`.
- В самом низу — **закомментированный** внешний виджет «ИИ-стилист» (`odmavatar`). См. [[Интеграции (apelsincom)#Виджет ИИ-стилист]].

> [!warning] Демо-данные в подвале
> Контакты в подвале сейчас заглушечные (`info@catalog.ru`, `+7 (999) 123-45-67`, адрес в Москве). Перед продом заменить — правится в `footer.php` или выносится в `/include/`.

## Поведение фронта (`js/script.js`)
Свой скрипт (~12 КБ, чистый DOM + немного jQuery). Что делает:
- **Мобильное меню-бургер:** открытие/закрытие бокового меню, второй уровень, кнопка «назад», оверлей.
- **Аккордеон подвала** на мобильных (колонки сворачиваются).
- **Панель поиска:** открытие по иконке, фокус в поле, закрытие по Esc.
- **Слайдер баннера** (`.banner-swiper`) на Swiper; на узких экранах прокрутка вертикальная.
- **Галерея товара:** переключение главного фото по миниатюрам, drag-scroll миниатюр.
- **Выбор размера/цвета:** клик по цвету меняет главное фото и галерею (данные берутся из `data-picture` / `data-gallery`).
- **Кастомные мультиселекты** фильтра: клик по опции дёргает `smartFilter.click(checkbox)` — то есть завязан на умный фильтр каталога.
- **Маска телефона** `+7 (h99) 999-99-99` (первая цифра из набора `0,1,3,4,5,6,7,9`).

## Переопределённые шаблоны компонентов
Лежат в `local/templates/custom/components/bitrix/…`. Это основное место кастомизации — подробный разбор в [[Компоненты и шаблоны компонентов]].

## См. также
- [[Компоненты и шаблоны компонентов]]
- [[Архитектура и структура каталогов (apelsincom)]]
- [[Инфоблоки и каталог (apelsincom)]]