Когда я начинала работать с системой и изучала ее возможности, первое значительное неудобство возникло при настройке списка записей в созданном типе контента. Да, на выбор предоставляется 4 дефолтных списка, но ни один из них не подошел под мои задачи. Создав свой шаблон я столкнулась со второй проблемой — в системе не предусмотрена чуть более гибкая работа с полями. Например, мне бы хотелось, чтобы в списке я могла добавить иконку к полю и выключить отображение содержимого поля, вынеся его например в всплывающую подсказку.
Все эти незначительные неудобства побудили меня создать компонент, который расширяет возможности по работе со списками типов контента. Его первая версия была опубликована в каталоге дополнений ровно 10 дней назад. Первая версия была очень промежуточной и скорее только показывала некоторые возможности.
Сегодня компонент обновлен до версии 1.0.2 и с момента публикации первой версии была проделана большая работа по улучшению функциональности.
Как все устроено
Всё очень просто. Компонент при помощи хуков добавляет в настройки типа контента и настройки каждого отедьного поля дополнительные настрйоки, позволяющие кастомизировать как настройку списка, так и настройку полей в списке.
Рассмотрим на примере доски объявлений, как можно настроить список и стиль самого объявления при помощи компонента Listing. После установки чистой системы мы имеем вот такой вид внутри раздела с объявлениями:
А вот так выглядит запись:
Первым делом, что нужно сделать – это установить компонент Listing и после установки обновить события в базе данных.
Перейдем в настройки типа контента «Объявления» и включим стиль списка по умолчанию – DEFAULT_LIST_LISTING_1
Чуть ниже во вкладке настроек списка появились дополнительные настройки от компонента Listing. Выставим необходимые настройки, так как нам необходимо:
Теперь можно проверить, как выглядит наш список. Но – не ожидайте чудес после первых настроек – самое важное еще впереди!
Итак, после первоначальной настройки наш список выглядит вот так:
Это не совсем то, чего мы ожидали. Весь фокус в том – что внутри этого списка есть позиции. И чтобы он стал таким, как мы хотим – необходимо расставить поля типа контента на эти самые позиции.
Для начала откроем первое поле в нашем типе контента – и это поле «Изображение». По умолчанию, изображение уже зашито в данный список, нам просто необходимо поменять его пресет, чтобы оно смотрелось более эстетично. Выставим для просмотра списка пресет «Средний». И еще я сразу отредактирую запись и заменю фотографию, чтобы показать конечный результат.
Объявление стало выглядеть вот так:
Уже лучше. Теперь нам необходимо расставить поля. Давайте начнем с поля «Заголовок». Откроем его настройки и пролистаем до группы настроек «Видимость поля». В самом низу данной группы появились дополнительные настройки. Чтобы понять, на какой позиции Вам нужно вывести поле, нажмите на подсказку, которую я вывела под выбором позиции:
Откроется вот такое модальное окошко, в котором обозначены все позиции для текущего списка:
Как мы видим, заголовок лучше всего вывести на позиции 4. Укажем это в настройках, сохраним, и посмотрим, как выглядит список сейчас:
Уже лучше. Предположим, что на позиции 1 я хочу отобразить город объявления. По умолчанию, у нас нет в типе контента «Объявления» такого поля, поэтому создадим его и сразу зададим настройки для Listing:
Как видно по скриншоту, я хочу вывести новое поле на позиции 1. Еще, когда я выбрала позицию 1, то Listing открыл мне две дополнительных настройки – фон поля и цвет шрифта, так как поля на этой позиции выводятся как баджи. Дополнительно я добавила полю иконку map-marker-alt и включила опцию «Название поля как хинт».
Еще одна важная деталь – чтобы поле отобразилось в списке, вы должны включить его показ в списке в дефолтных настройках поля. Вот тут:
После того, как мы создали поле, давайте создадим второе объявление. Заодно мы проверим, что будет с первым объявлением, в котором данное поле не будет заполнено:
Уже выглядит лучше. Вот так:
Теперь, по аналогии, можно создавать любые поля и выводить их на позициях списка, чтобы добиться необходимого результата. На одной позиции можно выводить неограниченное количество полей. Давайте для примера заполним наш тип контента дополнительными полями и посмотрим, как это будет выглядеть в конечном итоге:
После того, как мы настроили список, неплохо бы еще настроить шаблон для записи? Давайте сделаем и это. Опять перейдем в настройки типа контента «Объявления» и в группе настроек «Просмотр записи» назначим новый шаблон странице объявления:
Откроем наше объявление и посмотрим, что изменилось:
Как видно, шаблон записи успешно подключился, осталось только его настроить.
Настройка шаблона записи происходит уже внутри компонента. Перейдем в раздел «компоненты» в админ-панели, найдем компонент «Listing». Выберите тот шаблон записи, который вы включили в настройках вашего типа контента.
Возможно, вас испугает большое количество вкладок в настройках. Но – это только на первый взгляд все сложно. Настройка производится быстро, и полностью настроить шаблон – дело 3 минут.
Задайте для всех позиций поля, которые вы хотите выводить, укажите заголовки для гурпп полей, назначьте цвета и размеры. Отобразите свойства или теги – все настраивается в несколько кликов мышкой.
Более подробную информация по настройке я опубликую в ближайшее время в обучающем видео.
Вот, что получилось у меня после настройки шаблона записи:
Что еще можно добавить. Компонент в скором времени обретет новые функциональные опции, а также получит поддержку всех шаблонов, включая default. Новые стили списков и шаблонов записей будут появляться по мере выхода обновлений.
Демо также планируется сделать в ближайшее время. Если у вас нет возможности приобрести компонент, напишите мне – я скину текущую версию для ознакомления бесплатно – на текущий момент для меня важно выявить существующие недочеты и ошибки.
Я уже говорил, что я в Вас влюбился?) Вроде да:)
У нас форум знакомств?🤔
а разве в правилах были ограничения на знакомства?)
так я же про профессиональные качества и чувство трендов в разработках💯😎Я влюбляюсь в эти качества)
Поддержал автора, отправил оплату👏
Отлично!
DEFAULT_LIST_LISTING_1 для виджета, список контента есть?
Отличная вещь.
Приобрету на днях.
Начал тест.
Было бы отлично, если бы позиции тоже формировались динамически и перемещение очередности позиций можно было бы также делать. Это значительно увеличило гибкость работы с шаблоном, полями...
Также отлично было бы выгружать и загружать схемы позиций и полей в них (как в системе есть опция загрузки и выгрузки схемы виджетов в модерне), если например надо создать аналогичный «пресет», но с небольшими корректировками.
Таким образом автор мог бы продавать не только сам компонент, но и схемы для реализации шаблонов списков, а также вывода в записи ТК.
Я пока выкрутился на одном проекте тем, что вместо полей вывожу виджеты на странице (через пользовательские страницы), так как виджетами удобно управлять меняя местами.
Думаю если вам посоветоваться с Fuze, то он бы подсказал наилучшую реализацию для движка, а потом может и вовсе при вашем желании, включил бы в разработку, а мы бы поддержали финансово вас как разработчика:) А дальнейшие пресеты можно уже и дополнительно продавать, так как не все здесь с прямыми руками сами что-то мастерят)
Однозначно плюс! Я правильно понимаю, что сейчас из готового только для объявлений?
Неправильно сформулировал. В описании я увидел Стиль 1 (он подходит для объявлений), а ещё готовые стили есть? И если есть то сколько?
насколько я понял, этот инструмент для самостоятельного создания стилей. С готовыми есть у Дениса Васильевича MNEWS
Мне кажется нужно новый Пост выложить в Блогах, и написать об обновлениях, выложить новые скрины. Потому что появилось очень много плюшек, а пользователи о них никак не узнают. А так может найдут то чего не хватало им, и приобретут вашу разработку и тем самым не дадут вашему запалу угаснуть.
Спасибо за обновления.
Идеальный вариант — видеообзор.
Офигенная вещь, с шаблонами туго, а тут можно всё самому получается настроить как надо. Я так понимаю знание CSS и прочие навыки не особо нужны, достаточно понимая работы шаблона, и как система подставляет шаблоны списков, что-то типа того.
Попозже возьму, спасибо