Поле Repeater (Повторитель)

+4
287

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

Представьте, что вам нужно создать на сайте раздел «Вопросы-ответы». Можно, конечно, сделать отдельное поле «Вопрос» и отдельное поле «Ответ». Но что если вопросов 10? Или 20? Создавать 20 полей «Вопрос» и 20 полей «Ответ» — не самое разумное решение.

Повторитель решает эту проблему. Он позволяет создать шаблон одного элемента (например, пара полей «Вопрос» + «Ответ»), а потом добавлять сколько угодно таких элементов одной кнопкой.

На данный момент в поле есть такие поля: текстовая строка, числовое поле, текстовая область, флаг, дата. Список будет постепенно расширяться по мере выхода новых версий. В планах — добавить все типы полей — но это объемная работа, поэтому поле будет дополняться постепенно. 

Настройки поля минималистичны и просты:

Изображение

Где это может пригодится?

FAQ-разделы, Преимущества компании или товара, Меню ресторана или кафе — вариантов применения масса. Все зависит от вашей фантазии. 

Что с дизайном?

Помимо трех встроенных стилей отображения:
1) Список — классический вертикальный вариант
2) Карточки — элементы в красивых блоках
3) Таблица — аккуратная табличная форма

Вы можете создать свой собственный шаблон вывода с помощью простых тегов. В настройках поля есть режим «Пользовательский шаблон», где вы пишете HTML-разметку, а вместо данных подставляете специальные теги:

  1. {repeater}
  2. <div class="my-faq-item">
  3. <h3 class="question">{repeater-field-question}</h3>
  4. <div class="answer">{repeater-field-answer}</div>
  5. </div>
  6. {/repeater}

Вот как выглядит работа на фронте:

Изображение

Изображение


Что ещё умеет Repeater?

✅ Сортировка элементов — просто перетащите блоки в нужном порядке
✅ Ограничение количества — можно задать минимум и максимум элементов
✅ Значения по умолчанию — новые блоки могут сразу заполняться шаблонными данными
✅ Адаптивность — автоматически подстраивается под мобильные устройства
✅ Группировка одинаковых элементов — если несколько блоков совпадают, поле может объединить их

Поле Repeater
Поле

Поле Repeater

Купить 1000 руб.

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

как всегда с полезными идеями

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

Супер. давно искал подобное решение. Приобрету. 

Еще от автора

Бесплатное поле - Инфографика
Поле «Инфографика» позволяет создавать красивые, анимированные диаграммы в ваших типах контента.
Поле "Прайс-лист". Большой апдейт.
Большой апдейт поля, множество новых опций и улучшений. Обзор.
Компонент "Автоподгрузка записей" для типов контента
Компонент добавляет возможность отображать в любом списке контента кнопку динамической подгрузки записей, без необходимости перемещаться по пагинации.
🍪Мы используем файлы cookie для работы сайта. Читать подробнее.