1. Редактирование шаблона
Есть два основных способа внести изменения в шаблон: быстрый (через админ-панель) и полный (через FTP).
Способ 1: через шаблонизатор в админ-панели (быстро и просто)
Подходит для правки отдельных файлов без доступа к серверу.
- Перейдите в админ-панель → Оформление → Шаблонизатор.
- В списке файлов выберите нужный и откройте его для редактирования.
- Внесите изменения и сохраните.
Плюсы: удобно для точечных правок, не нужен FTP.
Минусы: доступен ограниченный набор файлов, нет доступа к папкам assets, components и т.п.
Способ 2: через FTP (полный доступ ко всем файлам)
Используйте этот способ, если нужно править CSS/JS, подключать библиотеки, менять структуру компонентов или работать со всеми файлами шаблона.
- Подключитесь к серверу по FTP.
- Перейдите в директорию шаблона:
/resources/view/template_b0af835b5e8a43410f276456f62156aa/
(название папки у вас может отличаться — оно уникально для каждого шаблона). - Внутри этой папки находятся все файлы шаблона.
Структура файлов и папок
- header.tpl — шапка сайта (меню, логотип, поиск, кнопки входа/регистрации и т.д.).
- footer.tpl — подвал сайта (контакты, ссылки, копирайт).
- index.tpl — основной файл шаблона. Здесь располагается главная HTML-разметка страницы, а также можно подключать мета-теги, шрифты, сторонние скрипты.
- Файлы вида 9b0e72c8bed2f7d6b8b49de3f1649e29.tpl — страницы, созданные в админ-панели в разделе «Шаблонизатор — Страницы». Их тоже можно редактировать напрямую в этой папке.
- Папка assets — CSS-стили, JS-скрипты, картинки и прочие ассеты.
- /assets/css/ — стили.
- /assets/js/ — скрипты.
- /assets/images/ — изображения.
- /assets/vendors/ — различные js плагины.
- Папка components — отдельные части шаблона: модальные окна, формы регистрации и подачи объявлений, сайдбары для карточек объявлений, магазина и т.п.
- Папка profile — части, относящиеся к профилю пользователя: настройки, список объявлений, избранное и т.д.
Совет: перед внесением серьёзных изменений сделайте резервную копию папки шаблона или хотя бы тех файлов, которые планируете править. Это поможет быстро откатиться, если что-то сломается.
2. Работа со стилями
Основной файл стилей
Главный файл, в котором задаются базовые стили сайта, — /assets/css/main.css. В нём можно:
- редактировать существующие правила;
- добавлять новые классы и селекторы;
- переопределять стили компонентов.
Дополнительные файлы стилей
Отдельные страницы (магазины, тарифы, служба поддержки, блог, аукционы, подключение услуг для объявлений) могут иметь свои стили. Обычно они лежат в той же папке /assets/css/ и называются по смыслу (например, shop.css, tariffs.css и т.п.).
Рекомендации по работе:
- Не удаляйте готовые правила без необходимости: это может сломать верстку.
- Если нужно переопределить стиль, лучше добавить новое правило с более специфичным селектором или использовать !important только в крайних случаях.
- Для отладки удобно использовать инструменты разработчика в браузере (F12): там видно, какие стили применяются к элементу и откуда они берутся.
3. Как изменить шрифт на сайте
Самый простой способ — подключить шрифт из Google Fonts и применить его к странице.
- Зайдите на сайт https://fonts.google.com/ и выберите нужный шрифт.
- Скопируйте ссылку для подключения (обычно это строка <link> с href=...).
- Откройте файл index.tpl.
- Вставьте скопированную строку между тегами <head> и </head>.
- В файле main.css найдите правило для body и измените font-family:
- body {
font-family: “Название нового шрифта”, sans-serif;
}
- Замените “Название нового шрифта” на точное название шрифта, которое указано в Google Fonts.
Сохраните оба файла.
Важно: названия шрифтов чувствительны к регистру и пробелам. Сверяйте точное написание с документацией Google Fonts.
Частые вопросы и полезные советы
Можно ли править файлы и через панель, и через FTP одновременно?
Да, но лучше выбрать один основной способ для конкретного файла, чтобы избежать конфликтов версий. Если вы редактируете файл через FTP, изменения в шаблонизаторе могут быть перезаписаны при следующем сохранении в админке (зависит от логики системы).
Как понять, какой файл отвечает за нужный участок страницы?
- Используйте инструменты разработчика (F12) в браузере: посмотрите классы элементов и сопоставьте их с CSS-правилами.
- Изучите структуру папок: компоненты вынесены в components, части профиля — в profile, а основные файлы — в корне папки шаблона.
Что делать, если после правки стили не применяются?
Очистите кэш браузера. Чаще всего проблема в кэше.