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

+12
888

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

Кратко

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

Что нового

В новой версии добавлен еще один шаблон вывода сгруппированных наборов 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 Кбскачан 18 раз
+1
disc disc 9 месяцев назад #

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

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

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

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

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

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

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

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

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

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

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

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

Изображение

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

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

Изображение

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

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

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

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

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

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

0
skewes skewes 8 месяцев назад #

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

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

Изображение

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

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

Слайдер добавляет 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 8 месяцев назад #

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

0
skewes skewes 7 месяцев назад #

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

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

Изображение

Чтоб было везде вот так:

Изображение

Еще от автора

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