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

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

В приложении к посту компонент 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 Кбскачан 45 раз
0
Bazileo Bazileo 1 год назад #

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

Изображение

0
Zau4man Zau4man 1 год назад #

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

+1
Zau4man Zau4man 1 год назад #

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

0
Bazileo Bazileo 1 год назад #

Спасибо!

0
Abobo Abobo 1 год назад #

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

0
Всем пока! Всем пока! 1 год назад #

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

0
kalikimaka kalikimaka 1 год назад #

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

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

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

0
Всем пока! Всем пока! 1 год назад #

У меня не работает ) вообще не отображается 

0
Zau4man Zau4man 1 год назад #

Прочитайте весь пост

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

0
Всем пока! Всем пока! 1 год назад #

все сделал по инструкции, <?php $this->block('before_content_items_list_html'); ?> это есть, категорий нет. 2.17.1

0
Zau4man Zau4man 1 год назад #

Тогда вам дальше по тексту

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

0
Всем пока! Всем пока! 1 год назад #

так и сделал. Придется по старинке, все самому)

0
Zau4man Zau4man 1 год назад #

Обновил. Версия zcats20250327_1.0.2 в приложении к посту.
Исправлены нотисы при просмотре контента в профиле.
Для обновления просто установите заново. Ничего удалять не нужно.

0
skewes skewes 1 год назад #

Здравствуйте.

У меня все файлы на месте. Строка кода тоже.

Но в Компонентах нет вообще данного Компонента и, как следствие, ничего не выводится...

Версия Инстанта 2.17.1.

События обновлены.

0
Zau4man Zau4man 1 год назад #

Даже не знаю, что добавить. В архиве есть запросы, которые добавляют компонент в базу.

Сам лично ставил компонент на свое демо с 2.17.2 и на чужой сайт с 2.17.0

Все устанавливается, выводится и работает.

0
Дима 1С Дима 1С 1 год назад #

Изображение

я пропустил а липучку — напомните как сделать?

0
sindoyun sindoyun 1 год назад #

иконки не появляются! что не так? может исходный размер влияет?

0
Zau4man Zau4man 1 год назад #

Не указана обложка категории  в настройках категории 

Изображение

укажите, и будет 

Изображение

0
kalikimaka kalikimaka 1 год назад #

еще одна проблемка:)

скрытые категории не убираются

0
loop20 loop20 1 год назад #

Все четко работает. Но на главной не выводит корневую директориюИзображение

а в категориях

Я что-то упустил видимо укажите путь куда?

0
loop20 loop20 1 год назад #

В категориях

Изображение

0
Валерий Валерий 11 месяцев назад #

Менюшка норм, но очень не хватает возможности выбора сокращать для показа до определённого количества категорий (например 8 штук), с кнопкой снизу «Показать все». Ведь если основных категорий будет много, как у меня в сейте например, то некрасиво столько отображать.

Еще от автора

Выбор пользователем количества записей на странице
Небольшой компонент, который позволяет пользователям выбирать, по сколько записей выводить на странице.
Вышло обновление афиши 1.2.2
В обновлении новый современный дизайн всех страниц афиши, новый блок места проведения в афише, возможность указать несколько изображений, поддержка ко
Управление персональным меню v.1.0.2
Небольшое обновление компонента, в котором стало удобнее выбирать иконку пункта меню, а также добавлена опция, разрешающая пользователю добавление ссы
🍪Мы используем файлы cookie для работы сайта. Читать подробнее.