Как сделать плитки категорий в Витрине курсов 3KL всегда цветными. Решение

Илона Иванова
01.04.2026
Описанный в статье способ позволяет настроить цветное отображение Плиток категорий в «Витрине курсов 3КL». Плитки категорий - один из способов отображения категорий курсов в «Витрине курсов 3КL». .

Задача:

Оформление образовательной платформы «Центра дополнительного образования» выполнено красочно, в цветах организации. Потому черно-белые Плитки категорий курсов в Витрине курсов 3KL, которые становятся цветными только при наведении на них курсора (Рис. 1), не вписываются в концепцию оформления образовательного пространства. Необходимо настроить Плитки категорий таким образом, чтобы они были цветными всегда. 

Рис. 1. Черно-белые Плитки категорий в «Витрине курсов 3КL», которые становятся цветными только при наведении на них курсора.

Предусловия:

1) Созданы категории курсов и наполнены курсами.

О создании категорий курсов подробно написано в статье: «Управление курсами и категориями курсов».

2) Добавлены изображения категорий курсов.

Подробно о добавлении изображения категорий курсов рассказано в статье: «Как загрузить изображение категории в Витрину курсов 3КL».

3) В Общих настройках Витрины курсов 3KL (Администрирование -> Плагины -> Локальные плагины -> Витрина курсов 3KL -> Общие. Раздел настроек «Общие настройки») установлено отображение Плиток категорий в области «Верх Витрины курсов 3KL» (Рис. 2).

Рис. 2. Настройка «Витрины курсов 3KL», при которой Плитки категорий будут отображаться в верхней части «Витрины курсов 3KL».
Подробнее о настройке Витрины курсов можно прочитать в статье: «Настройка Витрины курсов 3KL».

Решение:

Чтобы Плитки категорий были цветными постоянно, а не только при наведении на них курсора, необходимо:

1) Перейти: Администрирование -> Внешний вид -> Пользовательские настройки темы -> СЭО 3KL -> Нужный профиль -> Общие настройки -> Дополнительные настройки стилизации.

2) В поле «Пользовательская настройка css темы» добавить CSS-код (Рис. 3):

/*Делает плитки категорий цветными всегда*/
.crw_cs_catblock .crw_cs_cattile .crw_cs_cattile_img {
filter: none;
}

Рис. 3. Настройка «Пользовательская настройка css темы». CSS-код, делающий Плитки категорий всегда цветными.

3) Нажать на кнопку «Сохранить изменения» внизу страницы.

Результат:

После сохранения Плитки категорий в Витрине курсов 3KL всегда будут цветными (Рис. 4).

Рис. 4. Цветные Плитки категорий курсов в «Витрине курсов 3КL».
Теги: администрирование, Витрина курсов, внешний вид
Рейтинг ответа: 0 (0 оценок)

Комментарии запрещены