Инструкция по установке темы "Index36" на сайт Cotonti Siena CMF
Тема в Cotonti — это набор файлов (шаблоны .tpl, css, js, изображения и php-файлы), который отвечает за внешний вид и работу сайта.
Предупреждения: сделайте полные резервные копии сайта и сохраните их на локальном компьютере.
Тема была создана и тестировалась на локальных и шеред-серверах с PHP 8.4, MySQL 8.0, а также на последней актуальной версии Cotonti Siena CMF из репозитория по состоянию на 24.02.2026.
"Index36" — это тема не для новичков. Если вы только знакомитесь с Cotonti, вам следует ознакомиться с XTemplate (CoTemplate), особенно в части синтаксиса кода в TPL-шаблонах.
Для образовательных целей новичкам рекомендуется начать с темы CleanCot ссылка на репозиторий. В ней подробно объясняется назначение шаблонов, а код прокомментирован, что поможет в понимании работы Cotonti с Bootstrap.
Требования перед установкой!
Перед установкой нужно выполнить два простых шага. без них нет смысла приступать к установке:
1. Установить иконки Font Awesome 7.2
С оглядкой на перспективу обновления старых и создания новых шаблонов, в том числе для админки - теперь библиотеку иконок грузим сразу в /lib/fontawesome но не нужно грузить все подряд.
Нам нужно всего 4 файла поместить их как в списке ниже:
/lib/fontawesome/css/all.min.css
/lib/fontawesome/webfonts/fa-brands-400.woff2
/lib/fontawesome/webfonts/fa-regular-400.woff2
/lib/fontawesome/webfonts/fa-solid-900.woff2Скачиваем Font Awesome Free Version 7.2.0 (актуальная на момент этого писания), выбираем "Download Free for Web"
Примечание: при попытке скачать предложит ввести почту.
Игнорируем все, и в самом низу модального окна справа ссылка:
"Never mind. Continue with downloading Font Awesome Free"
Вот на неё кликаем и забываем!
Распаковываем скачанный архив на компьютере.
На сервере, в корне сайта папка lib, в ней создаем папку fontawesome и дальше создать папки и закачать файлы как показано в списке выше.
2. Админка сайта, принудительно ставим тему по умолчанию для всех.
Перейдите в админ-панель:
Управление сайтом / Конфигурация / Темы
В первой строке "Принудительная установка темы по умолчанию для всех пользователей" выберите "Да". (Обязательно!)
только теперь переходим к установке самой темы.
Процесс установки темы, пошаговый.
Шаг №1.
Скачайте архив актуальной версии темы "Index36" из репозитория GitHub - ссылка на архив.
Файл архива весит менее 1 МБ.
Шаг №2.
Распакуйте архив и откройте папку themes, в которой будет папка index36.
Скопируйте папку index36 в директорию themes/ вашего сайта Cotonti. Путь должен быть, например, таким:public_html/themes/index36/
Шаг №3.
Убедитесь, что все файлы и подпапки переданы без потерь. Лучше использовать "FileZilla Client" или другой менеджер файлов для удаленного доступа.
Если обнаружите пропущенные файлы, закачайте их повторно.
Шаг №4. Настройка файла конфигурации
Откройте файл datas/config.php в корне вашего сайта Cotonti (например, public_html/datas/config.php).
Найдите строку с настройкой темы:
$cfg['defaulttheme'] = 'nemesis'; // или любое ваше значение вместо 'nemesis'
Замените на:
$cfg['defaulttheme'] = 'index36';Сохраните изменения и загрузите файл обратно на сервер.
Шаг №5. Активация шаблона
уже выполнили
Шаг №6. Экстраполя (опционально)
6.1. Имя и фамилия пользователя
Перейдите в Управление сайтом / Прочее / Экстраполя / Таблица cot_users (Модуль Users).
Внизу страницы в форме добавления нового поля добавьте:
- Название поля:
firstname - Описание поля (_TITLE): "Имя"
- Тип поля: "input"
После этого нажмите "Добавить".
Затем добавьте следующее поле:
- Название поля:
lastname - Описание поля (_TITLE): "Фамилия"
- Тип поля: "input"
Не трогайте другие параметры, нажмите "Добавить".
Шаг №7. Фоновый бэкграунд на странице пользователя
Перейдите в Управление сайтом → Расширения → User Images → Администрирование.
В поле кода добавьте background, а в поля "Ширина" и "Высота" установите:
- Ширина: 1400
- Высота: 300
Соотношение: "Подогнать" (целевые размеры: ширина:высота).
Нажмите "Добавить/Обновить".
Примечание: рекомендуется использовать изображения размером не более 1 МБ (JPG/PNG).
Шаг №8. Подключение иконок Font Awesome 7.2
Подробная инструкция по подключению доступна в теме ссылка на форум.
Шаг №9. Постустановочные расширения
По желанию установите плагины, например "Дерево категорий", или другие расширения, доступные в маркетплейсе Cotonti.
Тема "Index36" полностью совместима с движком из коробки.
Удачной установки и красивого сайта на Cotonti!
Если у вас возникнут проблемы с конкретными ошибками, не стесняйтесь обращаться на форум и описывать проблему — я помогу разобраться.
Карта файлов темы сайта и основного шаблона "Index36" для Cotonti Siena. (правильно говорить всё-таки именно “тема сайта”)
index36/ # Главная папка темы Index36
├── assets/ # Статические ресурсы фронтенда (библиотеки, стили, скрипты)
│ ├── fancybox/ # Лайтбокс / модальная галерея изображений
│ │ ├── fancybox.css
│ │ └── fancybox.umd.js
│ ├── jquery/ # jQuery (базовая библиотека)
│ │ └── jquery.min.js # (файл НЕ подключен!) подключать в /themes/index36/index36.rc.php
│ ├── perfect-scrollbar/ # Кастомный скроллбар
│ │ ├── js-perfect-scrollbar.js # кастомные скрипты perfect-scrollbar
│ │ ├── perfect-scrollbar.css # стили библиотеки
│ │ ├── perfect-scrollbar.min.js # скрипты библиотеки
│ │ └── styles-perfect-scrollbar.css # кастомные стили perfect-scrollbar
│ └── select2/ # Красивый выпадающий список / мультиселект
│ ├── js-select2.js # кастомные скрипты для select2 (файл используется)
│ ├── select2.min.css # Стили библиотеки select2 (файл НЕ подключен!)
│ ├── select2.min.js # Скрипты библиотеки select2 (файл НЕ подключен!)
│ └── style-select2.css # кастомные стили для select2 (файл используется)
├── css/ # Основные стили темы
│ ├── default.css # Главный файл стилей темы (базовый набор)
│ ├── header.last.css # Стили, подключаемые в самом конце <head> (переопределения)
│ ├── index.html # Защита от просмотра содержимого папки
│ └── modalbox.css # Стили для системных модальных окон Cotonti
├── img/ # Изображения, иконки, флаги, заглушки
│ ├── flags/ # Флаги языков (webp)
│ │ ├── en.webp
│ │ ├── gb.webp
│ │ ├── ru.webp
│ │ └── ua.webp
│ ├── app-logo.svg
│ ├── auth.svg
│ ├── avatar-demo.jpg
│ ├── cat-icon-default.svg
│ ├── credit-card.svg
│ ├── dashboard-meet.svg
│ ├── help.svg
│ ├── mobile-app.svg
│ ├── online0.png
│ ├── online1.png
│ ├── page-default-image.jpg
│ ├── queue-dark.svg
│ ├── rocket.svg
│ └── userimg_default_background.jpg
├── inc/ # Дополнительные html-вставки / блоки (не модули/не плагины)
│ └── index.html # Защита папки от листинга
├── js/ # Собственные javascript-файлы темы
│ ├── header.first.js # Скрипты, подключаемые в начале (очень рано)
│ ├── index.html # Защита
│ └── js.js # Основной кастомный JS-файл темы
├── modules/ # Шаблоны модулей Cotonti
│ ├── forums/ # Модуль «Форум»
│ │ ├── forums.editpost.tpl # редактирование сообщения
│ │ ├── forums.newtopic.tpl # создание новой темы
│ │ ├── forums.posts.tpl # просмотр темы + посты
│ │ ├── forums.sections.tpl # список разделов форума
│ │ └── forums.topics.tpl # список тем в разделе
│ ├── page/ # Модуль «Страницы / Статьи»
│ │ ├── page.add.tpl # добавление страницы
│ │ ├── page.edit.tpl # редактирование страницы
│ │ ├── page.enum.tpl # перечисление / вывод по тегам / etc.
│ │ ├── page.list.tpl # список страниц в категории
│ │ ├── page.list.news.tpl # расширенный шаблон списка страниц в категории новостей
│ │ ├── page.list.unvalidated.tpl # список страниц на модерации
│ │ ├── page.news.tpl # расширенный шаблон новости/статьи
│ │ └── page.tpl # основной шаблон полной страницы
│ ├── pfs/ # Личный менеджер файлов (Personal File Space)
│ │ ├── pfs.edit.tpl # редактирование файла
│ │ ├── pfs.editfolder.tpl # редактирование папки
│ │ ├── pfs.tpl # основной интерфейс PFS
│ │ └── pfs.view.tpl # просмотр одного файла
│ ├── pm/ # Личные сообщения
│ │ ├── pm.list.tpl # список сообщений
│ │ ├── pm.message.tpl # просмотр одного сообщения + ответ
│ │ ├── pm.popUpNotification.tpl # всплывающее уведомление о новом ЛС
│ │ └── pm.send.tpl # форма отправки сообщения
│ ├── polls/ # Опросы / голосования
│ │ ├── polls.index.tpl # опрос(ы) на главной странице
│ │ └── polls.tpl # страница всех опросов / отдельный опрос
│ └── users/ # Пользователи, профили, регистрация
│ ├── users.details.tpl # публичная страница пользователя
│ ├── users.edit.tpl # редактирование профиля админом
│ ├── users.passrecover.tpl # восстановление пароля
│ ├── users.profile.tpl # редактирование своего профиля
│ ├── users.register.tpl # регистрация нового пользователя
│ └── users.tpl # список пользователей
├── plugins/ # Шаблоны популярных плагинов
│ ├── attacher/ # Прикрепление файлов к страницам/постам
│ │ ├── attacher.display.first.tpl # первый прикреплённый файл картинки для полной статьи/страницы
│ │ └── attacher.display.listfirst.tpl # первый прикреплённый файл картинки для для статей в списках
│ ├── comments/ # Комментарии
│ │ ├── comments.edit.tpl # форма редактирования комментария
│ │ ├── comments.recent.widget.tpl # виджет последних комментариев (админка)
│ │ └── comments.tpl # основной блок комментариев
│ ├── contact/ # Обратная связь
│ │ └── contact.tpl # форма обратной связи
│ ├── i18n/ # Мультиязычность контента (страницы + структура)
│ │ ├── i18n.locales.tpl # список доступных языков
│ │ ├── i18n.page.tpl # локализация страницы
│ │ └── i18n.structure.tpl # локализация категорий
│ ├── indexnews/ # Новости/статьи на главной
│ │ └── indexnews.tpl # блок новостей на главной
│ ├── recentitems/ # Последние обновления (страницы + форум)
│ │ ├── recentitems.forums.index.tpl # последние темы форума на главной
│ │ ├── recentitems.forums.tpl # последние темы форума
│ │ ├── recentitems.pages.index.tpl # последние страницы на главной
│ │ ├── recentitems.pages.tpl # последние страницы
│ │ └── recentitems.tpl # общая страница последних обновлений
│ ├── search/ # Поиск по сайту
│ │ ├── _search.tpl # возможно — внутренний подшаблон поиска
│ │ └── search.tpl # основная страница поиска
│ ├── statistics/ # Статистика сайта
│ │ └── statistics.tpl # страница статистики
│ ├── tags/ # Облако/поиск по тегам
│ │ └── tags.tpl # страница тегов / облако тегов
│ ├── treecatspage/ # Древовидный вывод категорий страниц
│ │ ├── treecatspage.page.tree.sidebar.tpl # дерево категорий в сайдбаре
│ │ └── treecatspage.page.tree.tpl # полное дерево категорий
│ └── whosonline/ # Кто онлайн
│ └── whosonline.tpl # список кто онлайн
├── error.403.tpl # Ошибка 403 — доступ запрещён
├── error.404.tpl # Ошибка 404 — страница не найдена
├── error.tpl # Общий шаблон критических ошибок
├── footer.tpl # Нижняя часть страницы (подвал)
├── header.tpl # Верхняя часть страницы (шапка)
├── index.tpl # Главная страница сайта
├── index36.en.lang.php # Английская локализация темы
├── index36.functions.php # Пользовательские функции темы
├── index36.php # Главный файл темы (входная точка)
├── index36.rc.php # Подключение ресурсов (css/js) через систему Resources
├── index36.resources.php # Переопределение системных строк / блоков Cotonti
├── index36.ru.lang.php # Русская локализация темы
├── index36.ua.lang.php # Украинская локализация темы
├── login.tpl # Страница входа / авторизации
├── message.tpl # Системные сообщения и модальные подтверждения
├── plugin.tpl # Универсальный шаблон для страниц плагинов
├── popup.tpl # Содержимое всплывающих окон (popup)
└── warnings.tpl # Уведомления (ошибки, успех, предупреждения)
