Свои иконки для разделов каталога статей

Иконки, картинки для рубрик в каталоге статей первой ветки

#1 25 декабря 2015 в 09:50

Решение для первой ветки
Собственно, искал решение, не нашел, сделал сам, поделился.

Задача была поменять стандартные иконки (в виде папок) для каталога статей на что-то свое и разное для каждой категории.

Решение:
1. В своем шаблоне в паке components нейти com_content_view.tpl
2. В файле находим что-то подобное

 
 
 <div class="subcat">
                <a href="{$subcat.url}" class="con_subcat">{$subcat.title}</a> ({$subcat.content_count})
                <div class="con_description">{$subcat.description}</div>
</div>

3. Для ссылки добавляем класс с ID категории. Я добавил так class="con_subcat con_subcat{$subcat.id}"
т.е. получилось так:

<a href="{$subcat.url}" class="con_subcat con_subcat{$subcat.id}">{$subcat.title}</a> ({$subcat.content_count})

4. В styles.css добавляем

 
.con_subcatXXX
{background: rgba(0, 0, 0, 0) url("/images/YYY") no-repeat scroll left center}

Вместо XXX — id категории (можно посмотреть в админке.
Вместо YYY — путь к файлу с иконкой.

Вся работа на 1-2 минуты.

P/S: Посмотреть можно у меня на сайте в разделе новости. Ссылка в подписи

#2 25 декабря 2015 в 12:49

Вроде б всю работу можно сделать за те же 1-2 минуты изменив только стилевой файл:

a.con_subcat[href^="/ссылка_на_категорию"] {background:...}

Украинский для инстант

#3 25 декабря 2015 в 13:38

только стилевой файл
Олег Васильевич я

Еще лучше ) Главное чтобы кому-то пригодилось

Как вывести из цикла полей пол

Как переместить слово вправо в

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Свои иконки для разделов каталога статей

Похожие темы

Настройка показа виджетов через админку

Не отображаются иконки.

Modern иконки шаблонов списка типов контента

Пропали иконки fa fa из меню

[ЕСТЬ РЕШЕНИЕ] Как добавить иконки в виджет Кнопка 1.0.0

[ЕСТЬ РЕШЕНИЕ] Иконка в странице как изменить размер

InstantCMS Team

О проекте

Поддержка

Дополнения