Как проверить, шаблон на основе Modern или Default?

С 2020 года в состав InstantCMS входит новый шаблон Modern — с расширенным функционалом, поддержкой Bootstrap , системных SVG-иконок и других современных библиотек.

Многие пользователи до сих пор не знают, на каком шаблоне работает их сайт. Из-за этого часто возникают проблемы при установке дополнений, требующих функционал шаблона Modern .

Как проверить, какой шаблон используется

Чтобы определить, какой шаблон установлен на вашем сайте, выполните следующие шаги:

1. Перейдите в Админку → Страницы и виджеты .
2. Создайте новый виджет HTML-блок .

1. Добавьте HTML-код

Во вкладке Опции в поле Содержимое HTML-блока вставьте следующий код:

<div id="bootstrap-status" class="alert">Проверка Bootstrap...</div>
<button class="btn btn-primary" id="test-btn">Тестовая кнопка Bootstrap</button>
<hr />
<div id="icms-icons-support">Проверка иконок: </div>
 

2. Добавьте JavaScript-код

Перейдите во вкладку JavaScript/CSS и в поле JavaScript-код вставьте следующий скрипт:

function checkBootstrap() {
    const testBtn = document.getElementById('test-btn');
    const statusDiv = document.getElementById('bootstrap-status');
 
    const computedStyle = window.getComputedStyle(testBtn);
    const hasBootstrapStyles =
        computedStyle.borderRadius !== '0px' &&
        computedStyle.padding !== '0px' &&
        computedStyle.backgroundColor !== 'rgba(0, 0, 0, 0)';
 
    if (hasBootstrapStyles) {
        statusDiv.className = 'alert alert-success';
        statusDiv.textContent = '✅ Bootstrap успешно загружен и работает!';
    } else {
        statusDiv.className = 'alert alert-danger';
        statusDiv.textContent = '❌ Bootstrap не загружен или не работает';
    }
 
    const iconsElement = document.getElementById('icms-icons-support');
    const content = iconsElement.innerHTML;
    const hasSVG = content.includes('<svg') || content.includes('</svg>') || content.includes('data:image/svg+xml');
    const hasTemplateTags = content.includes('{') && content.includes('}');
 
    if (!hasSVG && hasTemplateTags) {
        iconsElement.textContent = 'Проверка иконок: ❌ Системные иконки НЕ поддерживаются';
    }
}
 
window.addEventListener('load', checkBootstrap);
 

Результаты проверки

После сохранения и просмотра виджета на сайте вы увидите результат проверки.

🔴 Если отображается так:

Это означает, что у вас используется старый шаблон Default .

🟢 Если результат выглядит так:

Поздравляем! У вас установлен шаблон Modern — с поддержкой Bootstrap и системных иконок, что делает сайт современным и совместимым с новыми дополнениями.

Совет: если ваш шаблон старый, рекомендуется перейти на Modern или на шаблоны сделанный на основе модерн, например: Шаблон для компании , Шаблон LTE
Это обеспечит совместимость с новыми компонентами, улучшит внешний вид и адаптивность сайта.