Редактор Wix: Как добавить и настроить повторяющийся список (репитер)?
4 мин. чтения
Репитер (повторяющийся список) — это набор элементов, которые имеют одинаковый дизайн и макет, но разный контент. Вы можете настроить содержимое каждого элемента отдельно, например, текст или изображения. Репитеры позволяют легко упорядочивать и показывать разную информацию, такую как события, новости и услуги.
Узнайте как:
Добавление и настройка репитера
- Нажмите Добавить
в левой части редактора. - Нажмите Список.
- Нажмите на шаблон, чтобы добавить его на сайт, или просто перетащите в нужное место на сайте.
- Настройте контент репитера:
- Выберите репитер в редакторе.
- Нажмите Редактировать.
- Сделайте следующее:
- Нажмите Создать копию элемента, чтобы добавить в репитер новый элемент.
- Нажмите на любой элемент и перетащите его, чтобы изменить порядок элементов в репитере.
- Наведите курсор на элемент и нажмите значок Показать больше
, чтобы удалить элемент или создать копию.
Примечание:
Старое приложение List Builder больше не поддерживается, его заменили репитеры. Если вы добавляли повторяющийся список на сайт с помощью приложения, просто скопируйте контент в новый репитер.
Добавление контента в элементы репитера
Все элементы в репитере имеют одинаковый дизайн. Вы можете настроить отдельные составляющие (текст и изображения) внутри элемента, но дизайн элемента не поменяется.
Например, вы можете изменить текст на кнопке, чтобы он отличался для каждого элемента, но если вы переместите кнопку в другое место внутри репитера, это действие переместит кнопку во всех элементах в одно и то же место.
Когда вы добавляете текст или изображение в репитер, эти элементы автоматически добавляется к каждому элементу репитера. Таким образом сохраняется единый дизайн репитера. Элементы репитера изменяют размер в соответствии с контентом, который размещается внутри.
Чтобы добавить элемент из редактора, перетащите его из панели Добавить на один из элементов репитера:
Примечание:
Некоторые элементы редактора нельзя прикрепить к элементам репитера. Подробнее
Добавление дополнительных элементов в репитер
Вы можете добавить столько элементов, сколько вам нужно.
Чтобы добавить элемент:
- Выберите репитер в редакторе.
- Нажмите Редактировать.
- Нажмите Создать копию элемента внизу.
- Отредактируйте новый элемент по своему усмотрению.
Изменение макета репитера
Вы можете настроить выравнивание, направление пунктов и интервал между элементами репитера.
Чтобы изменить макет:
- Выберите репитер в редакторе.
- Нажмите на значок Макет
. - Чтобы изменить макет, сделайте следующее:
- Выберите выравнивание: слева, по центру, справа или распределить.
- Используйте ползунок для настройки интервала между элементами.
- Выберите, отображать ли элементы (пункты повторяющегося списка) слева направо или справа налево.
Дизайн элементов репитера
Вы можете изменить дизайн любого элемента редактора внутри элемента репитера (например, изображения, текстового поля, кнопки и т. д.). Каждое изменение дизайна в одном элементе влияет на другие элементы репитера. Например, изменение цвета кнопки в одном элементе изменяет цвет кнопок во всех остальных элементах.
Чтобы настроить дизайн элемента редактора внутри элемента репитера, выберите конкретный элемент редактора и нажмите на значок Дизайн 
.
.
Подключение репитера к коллекции базы данных
Используя репитеры, вы можете отображать контент из своих коллекций базы данных. Сначала подключите репитер к соответствующей коллекции. Затем подключите каждый элемент к соответствующему полю в коллекции. Подробнее
Проблемы с выравниванием в репитерах
Вы можете заметить, что выравнивание ваших репитеров не работает должным образом.
Размеры репитера зависят от содержимого внутри элемента репитера. Например, если один элемент репитера содержит больше строк текста, чем другие элементы, это повлияет на выравнивание.
Мы рекомендуем делать так, чтобы все блоки содержали одинаковое количество строк текста. Таким образом вы сможете добиться одинакового выравнивания. Если вы не хотите добавлять больше текста в поле, добавьте пустые строки с помощью клавиши Enter на клавиатуре.
Была ли статья полезна?
|