Центр поддержки Wix
    Главная
  1. Создание сайта
  2. Продвинутые функции
  3. CMS (в прошлом Менеджер контента)
  4. Динамические страницы
    5. CMS: отображение контента коллекции в репитере

CMS: отображение контента коллекции в репитере

18 мин. чтения
Подключите репитеры к CMS (системе управления контентом), чтобы отображать динамический контент из ваших коллекций. 

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

Шаг 1 | Создайте коллекцию CMS

Создайте коллекцию из нескольких элементов для хранения контента, который вы хотите использовать в репитере. Добавьте поля коллекции, которые будут подключаться к элементам в репитере. Затем добавьте элементы, которые будут отображаться в репитере, и заполните поля для каждого элемента. Установите разрешения и конфиденциальность коллекции, чтобы определить тип контента, который вы хотите хранить, а также у кого есть доступ к управлению им. 
Редактор Wix
Editor X
Редактор Studio
Панель управления
  1. Перейдите в CMS в панели управления сайтом. 
  2. Нажмите Создать коллекцию.
  3. Введите название коллекции. 
  4. Оставьте опцию Несколько элементов (по умолчанию) отмеченной и нажмите Создать. 
  5. Добавьте поля в коллекцию вручную или импортируйте файл CSV:
  6. Добавьте элементы в коллекцию:
    1. Нажмите + Добавить.
    2. Добавьте контент элемента в каждое соответствующее поле. 
    3. Повторите этот шаг, чтобы создать столько элементов, сколько вам нужно. 
Скриншот добавления элемента в коллекцию CMS.
  1. Настройте разрешения доступа к коллекции: 
    1. Нажмите Действия и выберите Разрешения и конфиденциальность. 
    2. Нажмите на раскрывающийся список  Какой контент вы будете хранить в коллекции? и выберите соответствующий вариант. При необходимости вы можете нажимать на раскрывающиеся списки, чтобы настроить, кто может просматривать, добавлять, удалять и обновлять контент. Подробнее о настройке разрешений доступа к коллекции. 
    3. Нажмите Сохранить.
Скриншот с настройкой разрешений и конфиденциальности коллекции.

Шаг 2 | Добавьте и настройте репитер

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

Позже вы можете приступить к подключению элементов к полям коллекции, чтобы заменить контент. Каждый репитер будет отображать разные элементы из вашей коллекции.
Редактор Wix
Editor X
Редактор Studio
  1. Перейдите в редактор.
  2. Перейдите на страницу или раздел, где вы хотите добавить репитер.
  3. Нажмите Добавить элементы  в левой части редактора.
  4. Нажмите Список.
  5. Нажмите и перетащите на страницу репитер, который хотите использовать. 
  1. Добавьте или удалите элементы из репитера. Вы можете изменить размер репитера, чтобы он мог вместить в себя все необходимые элементы. Позже вы можете начать подключать элементы к полям коллекции, чтобы заменить контент. Каждый элемент репитера будет отображать разный элемент из коллекции.
Важно:
Чтобы добавить ссылку на динамическую страницу элемента, убедитесь, что репитер содержит кнопку или элемент изображения. Это позволит посетителям нажать на изображение или кнопку, чтобы перейти к соответствующему элементу на динамической странице элемента. 

Шаг 3 | Подключите элементы репитера к коллекции

Наборы данных - это инструмент, который вы используете для подключения элементов репитера к полям коллекции. После подключения элемента к набору данных вы можете выбрать, какие поля коллекции подключаются к каждой части элемента. Подключите каждый элемент, в котором хотите отобразить контент коллекции. Затем измените размер, переместите или настройте элементы по своему вкусу. 
Редактор Wix
Editor X
Редактор Studio
  1. Нажмите на добавленный репитер в редакторе.
  2. Нажмите на значок Подключить к CMS .
  3. Нажмите на раскрывающийся список Выбрать набор данных и выберите существующий набор данных, который подключен к вашей коллекции. Вы также можете нажать Добавить набор данных, затем выбрать коллекцию, которую хотите подключить, присвоить ей имя и нажать Создать.
Скриншот выбора соответствующей коллекции при подключении набора данных.
  1. В разделе Подключения нажмите на элемент, который вы хотите подключить первым. 
  2. (Необязательно) Если вы хотите подключить элемент к другому набору данных, нажмите на раскрывающийся список Выбрать набор данных и выберите другой набор данных. В противном случае, оставьте его подключенным к тому же набору данных. 
  3. В разделе Подключения нажмите на соответствующие раскрывающиеся списки, чтобы подключить каждую часть элемента к соответствующему полю в коллекции. Параметры различаются в зависимости от типа элемента.
Советы:
  • Чтобы добавить к кнопке ссылку, которая будет вести на динамическую страницу элемента, нажмите на поле Подключить действие при нажатии к и выберите динамическую страницу элемента, которая заканчивается на (Элемент).
  • Чтобы добавить ссылку к изображению, которая будет вести на динамическую страницу элемента, нажмите на раскрывающийся список Подключить ссылку к и выберите динамическую страницу элемента, которая заканчивается на (Элемент).
Скриншот подключения кнопки к динамической странице элемента.
  1. Нажмите Подключения репитера в верхней части панели справа. 
  2. Повторите шаги 4-7 выше, чтобы подключить каждый элемент, в котором хотите отобразить контент коллекции.  
Снимок экрана, показывающий все элементы, которые вы можете подключить к набору данных репитера.
  1. (Необязательно) Нажмите, чтобы изменить размер, переместить или настроить любой элемент в репитере. Вы можете в любое время добавлять, удалять, подключать или отключать элементы. 

Шаг 4 | Управляйте настройками набора данных

Настройте параметры набора данных для управления его режимом, общим количеством элементов, загружаемых одновременно, отображаемыми элементами и их порядком.  
Редактор Wix
Editor X
Редактор Studio
  1. Перейдите в настройки набора данных, который подключен к репитеру:
    1. Нажмите на репитер. 
    2. Нажмите на значок Подключить к CMS .
    3. Нажмите Настройка набора данных в панели Подключение списка справа.
  2. Нажмите на раскрывающийся список Режим набора данных и выберите вариант: 
    • Чтение: разрешите набору данных отображать контент коллекции в репитере.
    • Чтение и запись: разрешите набору данных отображать контент коллекции в репитере и разрешите посетителям добавлять или редактировать контент коллекции с помощью элементов ввода. 
  3. Отредактируйте поле Максимум отображаемых элементов, чтобы установить максимальное количество элементов, которые можно загрузить за раз. Это также максимум элементов, которые могут загрузить посетители, когда они нажмут на кнопку «Показать еще» (для инструкций см. следующий раздел).
Скриншот настройки набора данных «Максимум отображаемых элементов».
  1. (Необязательно) Нажмите + Добавить фильтр, чтобы отображать только определенные элементы в репитере. 
  2. (Необязательно) Нажмите + Добавить сортировку, чтобы выбрать порядок отображения элементов коллекции в репитере.

Шаг 5 | (Необязательно) Создайте кнопку «Показать еще»

Если в вашей коллекции больше элементов, чем репитер может отобразить за раз, добавьте кнопку «Показать еще». Когда посетители нажимают на кнопку, загружаются дополнительные элементы репитера. Поле Максимум отображаемых элементов в настройках набора данных определяет, сколько элементов репитер может загрузить, и сколько дополнительных элементов можно загрузить, нажав на кнопку «Показать еще».
Редактор Wix
Editor X
Редактор Studio
  1. Нажмите Добавить элементы  в левой части редактора.
  2. Нажмите на  Кнопка и перетащите кнопку в нужное место. Чтобы кнопка не прикреплялась к репитеру, поместите ее за его пределами.
    Совет: вы также можете добавить изображение и использовать его в качестве кнопки «Показать еще». 
  3. Нажмите Настроить и введите текст, который будет отображаться на кнопке (например, «Показать еще»). 
  4. Нажмите на значок Подключить к CMS .
  5. Нажмите на раскрывающийся список Выбрать набор данных и выберите набор данных, подключенный к репитеру. 
  6. Нажмите на раскрывающееся меню Подключить действие при нажатии к выберите Показать еще. 
Скриншот с выбором действия при нажатии «Показать еще» в подключениях набора данных кнопки.
  1. Нажмите на кнопку и выберите значок Дизайн , чтобы настроить внешний вид кнопки «Показать еще».

Часто задаваемые вопросы

Нажимайте ниже, чтобы прочитать ответы на часто задаваемые вопросы. 

Была ли статья полезна?

|
В этой статье
  • Шаг 1 | Создайте коллекцию CMS
  • Шаг 2 | Добавьте и настройте репитер
  • Шаг 3 | Подключите элементы репитера к коллекции
  • Шаг 4 | Управляйте настройками набора данных
  • Шаг 5 | (Необязательно) Создайте кнопку «Показать еще»
  • Часто задаваемые вопросы