Группируем наборы v. 1.0.1

+12
381

Новая версия компонента, предназначенного для группировки наборов. Оооочень давно публиковал здесь в блогах.

Кратко

После установки компонента можно в настройках набора указать группу, к которой этот набор принадлежит. А затем с помощью правок в шаблоне вывода категории типа контента вывести эти наборы по-новому. Подробно по ссылке.

Что нового

В новой версии добавлен еще один шаблон вывода сгруппированных наборов datasets-panel-grouped-slide. В этом шаблоне для каждой группы наборов создается слайдер. Благодаря этому наборы занимают меньше места.

Кроме того, при загрузке страницы слайдер «перематывается» к активному набору. И бонусом добавлено «подергивание» слайдера, дабы дать понять пользователям что там справа что-то еще есть. Подергивание выполняется дважды. Затем запоминается в браузере, и больше не «дергается».

Изображение

Обновление бы не появилось без финансовой помощи от skewes

Как использовать с нуля:

1. Просто установите архив datasetstosets20260123_1.0.1
2. Укажите имена групп для наборов
3. Переименуйте файл templates/modern/controllers/content/category_view_news.tpl.php заменив в нем news на имя типа контента, в котором нужна группировка

Либо в своем аналогичном файле укажите, что хотите выводить наборы с помощью datasets-panel-grouped.tpl.php или с помощью нового datasets-panel-grouped-slide.tpl.php

заменив

  1. $this->renderAsset('ui/datasets-panel', [

на

  1. $this->renderAsset('ui/datasets-panel-grouped-slide', [

Как обновлять:

1. Просто установите архив datasetstosets20260123_1.0.1. Удалять ничего не надо
2. Обновите имя файла шаблона датасета на datasets-panel-grouped-slide в своем файле category_view_XXXX.tpl.php
3. Увеличьте интерактивный счетчик в настройках сайта, так как были правки в файле стилей

Ограничения

Компонент предоставляется как есть, бесплатно. Автор не несет никакой ответственности.
Предназначен только для шаблона modern (и дочерних).

Прикреплённый файл:
Скачать 56 Кбскачан 7 раз
+1
disc disc 1 месяц назад #

Интересное дополнение. Обращения к базам не сильно нагружают? 

+1
Zau4man Zau4man 1 месяц назад #

Нет никаких дополнительных обращений. Имена групп хранятся в самих наборах. Моя разработка просто группирует их и вывод в шаблоне.

+1
skewes skewes 1 месяц назад #

Спасибо большое Zau4man за доработку)))

Сейчас вообще шикарно все выглядит и наборы очень помогают в навигации!

0
Yuran Yuran 1 месяц назад #

1-й и 3-й пункты понятно. Поясните пожалуйста где конкретно и что сделать по этому пункту — 2. Укажите имена групп для наборов. Я установил дополнение, у меня автоматом в файле category_view_news.tpl.php прописалось так:  

  1. $this->renderAsset('ui/datasets-panel-grouped-slide', [

Кэш сбросил, счетчик увеличил… внешне в новостях ничего не изменилось. Где указать имена групп для наборов? Понимаю, что туплю:) Но помогите пожалуйста:)

0
Zau4man Zau4man 1 месяц назад #

В настройках наборов. Внизу формы

Изображение

0
Yuran Yuran 1 месяц назад #

Это нашел, спасибо. Никак не пойму как распределить новости по группам… Ерунда какая то выводится… Вот я удалил в новостях стандартные наборы, добавил свои — первый, второй, третий… Страница новостей выглядит так:

Изображение

Как распределить новости по группам? При публикации новости ведь нет выбора набора… Опять туплю:)

0
Zau4man Zau4man 1 месяц назад #

У вас три набора всего. Вам не нужна эта доработка. 

А список записей в наборе формируется автоматических исходя из настроек набора. Вот документация docs.instantcms.ru/manual/ctypes/datasets/add

0
Yuran Yuran 1 месяц назад #

Да я просто хотел понять как и что формируется… Сейчас эта доработка не нужна, а завтра будет нужна:) Ладно, не буду Вас мучить… почитаю документацию и попробую создать больше наборов и новостей...

0
skewes skewes 7 дней назад #

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

Вот возникла потребность сделать наборы более привлекательными. Отступ большой. В файле theme по умолчанию есть отстум — margin — 20px, и как этот отступ убрать у наборов — ума не приложу… Все перепробовал. то есть там между каждым набором дополнительный системный отступ. Если его убрать то ползет весь шаблон. Вот что я имею ввиду.

Изображение

Довольно большое расстояние между наборами. Как то можно этот момент пофиксить?

0
Zau4man Zau4man 7 дней назад #

Слайдер добавляет 10 пикселей между слайдами. Откройте файл templates\modern\assets\ui\datasets-panel-grouped-slide.tpl.php

и поставьте 0 вместо 10 тут

  1. spaceBetween: 10

Уже у самих пунктов отступы добавляются как и в других меню, с помощью класса nav-link

Можете открыть файл стилей доработки templates\modern\css\datasetstosets.css и в самый конец файла добавить

  1. .datasets-set-items .nav-link {
  2. padding: 0.3rem 0.5rem;
  3. }

эта правка не повлияет на остальные пункты меню.

И получится примерно так

Изображение

0
skewes skewes 7 дней назад #

Вообще супер получилось!!! Спасибо большое!!!

Еще от автора

ZПоиск. Другой взгляд на поиск v.1.1.1
Обновленная версия небольшого компонента, который по функционалу повторяет встроенный компонент Поиск.
Запуск instantcms 2 локально в docker
Обновленный docker compose для локального запуска instantcms 2.
Компонент для скрытия содержимого страницы
Небольшой компонент, который позволяет для конкретной записи типа контента скрыть содержимое этой записи, включая заголовок, поля, свойства, инфобар,
🍪Мы используем файлы cookie для работы сайта. Читать подробнее.