Шаблон вывода категорий

+10
253
Шаблон вывода категорий

В приложении к посту компонент Zcats, который включает в себя два вывода категорий типа контента.

Зачем

Кому-то может не нравится коробочный стиль категорий, кому-то функциональность данного решения может понравиться больше.

Как выглядит

Один для мобильных устройств в два ряда со скролом влево-вправо и кнопкой открытия модального окна для выбора категории

Изображение

Изображение

Второй для пека/планшетов в виде списка категорий, у каждой из которых есть выпадающее меню с подкатегориями.

Изображение

Демо

Посмотреть можно тут. Или тут.

Как использовать

1. Установите zcats20250318_1.0.1
2. Настройте внешний вид категорий нужных типов контента:

Изображение

— Выключите опцию «Показывать список категорий над списком записей»
— Укажите «Пресеты обложек категорий», на демо выбран micro
— Укажите «Пресеты обложек для списков»
3. Отредактируйте категории, указав в них изображение обложки
Если их не указать, то не будет картинок у категорий

Изображение

4. Пройдите в настройки компонента Zcats и включите нужные типы контента в его настройках
5. Перегенерируйте стили в настройках темы, так как фон кнопок зависит от настройки Основного цвета вашего шаблона

Изображение

В дальнейшем если захотите изменить стили, вносите правки в \templates\modern\scss\controllers\zcats\_custom.scss
Этот файл изначально пустой и специально предназначен для возможных правок

Ограничения

Работает на 2.17.0 и свежее. Только для modern шаблона и дочерних. Предоставляется как есть. Могут быть баги, пишите — поправлю.

Если у вас после всех настроек категории над списком не выводятся, убедитесь, что ваш шаблон обновлен и в нем есть строчка 

  1. <?php $this->block('before_content_items_list_html'); ?>

тут github.com/instantsoft/icms2/blob/1b8cac93f98c49e17fbd0535384c6ad88c7eb6b1/templates/modern/controllers/content/category_view.tpl.php#L149C1-L149C57

Если что-то пошло не так, отключите/удалите компонент и включите «коробочный» вывод категорий.

Спасибо

Данная разработка появилась при финансовой поддержке от CEH9I. При финансовой поддержке от rshabalin шаблон был выделен в отдельный компонент. Поддержать публикацию данной разработки в каталоге дополнений можно любой суммой на кошелек Yoomoney (бывшие Яндекс деньги) 41001346743476

Прикреплённый файл:
Скачать 13 Кбскачан 13 раз
0
Bazileo Bazileo 3 дня назад #

У меня баг такой вышел на 2.17.1, может то что подкатегорий нету 

Изображение

0
Zau4man Zau4man 3 дня назад #

Наборов нету. Не учел. Поправлю и отпишу

+1
Zau4man Zau4man 3 дня назад #

Обновил. Версия zcats20250318_1.0.1 в приложении к посту
Для обновления просто установите заново. Ничего удалять не нужно

0
Bazileo Bazileo 3 дня назад #

Спасибо!

0
Abobo Abobo 3 дня назад #

Однозначно жирный плюс! Еще бы для дефолтных категорий из виджета стиль сделать...

0
Happy Happy 3 дня назад #

Надо виджет добавить к компоненту.  Для гибкости размещения. 

0
kalikimaka kalikimaka 1 день назад #

Спасибо большое, ибо ну сколько можно:)
Как пожелание — при большом кол-ве категорий, сделать возможность отображать например первые 10 категорий и кнопку «показать все».

0
Викторыч Викторыч 1 день назад #

Эту бы вещь (!) да в Группы — цены бы ей не было… в моих глазах. )

Еще от автора

Виджет "Меню добавить"
Небольшой виджет, предназначенный исключительно для вывода меню добавления контента.
ZПоиск. Другой взгляд на поиск
В рамках более глубокого знакомства с Vue в частности с появившимся недавно Composition Api сделал на Vue небольшой компонент, который по функционалу
Конструктор блоков Zbuilder v 1.0.2
Небольшое обновление конструктора блоков: копирование элементов/блоков, доработка элемента Картинка.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.