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

CMS: Настройка динамической страницы списка

7 мин. чтения
Прежде чем начать:
На динамической странице списка отображается предварительный просмотр элементов из вашей коллекции в списке. При нажатии на элемент в этом списке посетитель попадает на динамическую страницу элемента, на которой отображается дополнительная информация об элементе.
Вы можете использовать репитер, таблицу или галерею, чтобы перечислить свои элементы. Например, страница со списком может содержать превью рецептов. Затем каждый элемент в списке ссылается на страницу элемента для этого рецепта. На каждой странице товара отображаются ингредиенты, изображения и инструкции для каждого рецепта.
Примечание:
Вы можете создать множество динамических страниц списка, чтобы отображать только элементы из категорий или групп. Затем вы можете установить связь между ними по мере необходимости. Раздел об изменении URL-адреса в этой статье объясняет, как это сделать.
Скриншот страницы списка, показывающий рецепты в репитере.

Шаг 1 | Добавление динамической страницы списка

Создайте динамическую страницу списка из коллекции, для которой вы уже создали динамическую страницу элемента. 

Чтобы добавить динамическую страницу списка:

  1. Перейдите в CMS в редакторе:
    • Редактор Wix: нажмите CMS  в левой части редактора.
    • Editor X: Нажмите CMS  в верхней части Editor X.
  2. Нажмите Коллекции.
  3. Нажмите значок Другие действия рядом с соответствующей коллекцией и нажмите Add Dynamic List Page (Добавить динамическую страницу списка).
Снимок экрана раздела Content Manager на панели Add с выделением опции Add Dynamic List Page.

(Необязательно) Шаг 2 | Замените репитер на галерею или таблицу

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

Чтобы добавить и подключить галерею или таблицу:

  1. Перейдите в панель Добавить:
    • Редактор Wix: нажмите Добавить в левой части редактора.
    • Editor X: нажмите Добавить элементы в верхней части Editor X.
  2. Добавьте галерею или таблицу:
    • Редактор Wix: выберите, что вы хотите добавить:
      • Галерея: нажмите Галерея и выберите соответствующую галерею.
      • Таблица: нажмите Список, затем нажмите Таблицы и выберите соответствующую таблицу.
    • Editor X: нажмите Медиа, затем нажмите Галереи Pro Gallery и выберите соответствующую галерею.
      Примечание: таблицы пока недоступны в Editor X.
  3. Нажмите на таблицу или галерею на странице.
  4. Нажмите на значок Подключить к данным  (или в Editor X).
  5. Выберите поле коллекции из раскрывающихся списков Параметры подключения.
  6. Выберите репитер по умолчанию и нажмите Удалить на клавиатуре. 
Совет:
Подробнее об отображении содержимого коллекции в галерее или таблице.

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

Репитер уже должен подключаться к нужным полям в вашей коллекции. Тем не менее мы рекомендуем проверить, все ли настроено правильно.

Чтобы проверить подключения в репитере:

  1. Нажмите на репитер, галерею или таблицу в редакторе.
  2. Нажмите на значок Подключить к данным  (или в Editor X).
  3. Проверьте каждый из элементов и полей в разделе Компоненты. При необходимости нажмите, чтобы изменить подключение.
Снимок экрана панели Connect Repeater, показывающий варианты подключения компонентов

Шаг 4 | Установите количество элементов для отображения

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

Чтобы установить количество отображаемых элементов:

  1. Нажмите на элемент набора данных, затем нажмите Параметры.
  2. Измените количество отображаемых элементов на необходимое.
  3. Закройте панель настроек и нажмите Сохранить.
Снимок экрана панели параметров динамического набора данных страницы с выделением параметра Количество отображаемых элементов

Шаг 5 | Измените URL

URL-адрес динамической страницы действует как фильтр. Если вы удалите любые дополнительные значения полей из URL-адреса, на динамической странице отобразятся все элементы в коллекции. Он также меняет имя страницы на «Collection_name (All)».
Выполните следующие действия, чтобы отобразить на динамической странице только элементы из определенной категории. Для этого в вашей коллекции должно быть текстовое поле, содержащее значения категорий. В этом примере мы используем вегетарианские блюда, мясо, пасту или соус. Затем вы можете обновить URL-адрес динамической страницы списка, чтобы включить значение категории.

Чтобы изменить URL-адрес динамической страницы:

  1. Перейдите на страницы сайта в редакторе:
    • Редактор Wix: нажмите Меню и страницы в левой части редактора.
    • Editor X: нажмите на Страницы в верхней части Editor X.
  2. Нажмите Динамические страницы.
  3. Выберите новую динамическую страницу и нажмите значок Дополнительные действия .
  4. Нажмите Настроить.
  5. Удалите все названия полей в разделе Адрес страницы, но убедитесь, что название коллекции осталось.
    Примечание: после удаления поля название страницы меняется на Collection_Name (All) - теперь это тип страницы со списком. Вы можете уточнить элементы, отображаемые на динамической странице списка, добавив поле к URL-адресу. Выполните следующие действия, чтобы отобразить группы элементов.
Снимок экрана панели настроек страницы для динамических страниц с выделением динамического значения.
  1. Нажмите Добавить поле.
  2. Выберите поле, по которому хотите выполнить фильтрацию. Это называется динамическое значение.
Снимок экрана панели «Параметры страницы» для динамических страниц с выделенным раскрывающимся меню «Добавить поле».
  1. Нажмите на поле, которое вы только что добавили. Имя выбранного поля (динамическое значение) теперь отображается в круглых скобках в конце URL-адреса.
Снимок экрана с URL-адресом страницы? поле, показывающее обновленный URL-адрес.
  1. Элементы в коллекции с совпадающими значениями теперь могут отображаться как группы.
Снимок экрана коллекции в CMS с выделением поля для категории Тип еды
  1. Раскрывающееся меню на экране позволяет вам установить, какая группа будет отображаться.
Снимок экрана раскрывающегося меню на экране, показывающий доступные категории, которые может отображать страница динамического списка.
  1. Вы можете переключаться между группами в режиме предпросмотра, чтобы увидеть, как страница будет выглядеть в браузере после публикации.

Шаг 5 | Добавление ссылок на динамические страницы

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

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

|

В этой статье

  • Шаг 1 | Добавление динамической страницы списка
  • (Необязательно) Шаг 2 | Замените репитер на галерею или таблицу
  • Шаг 3 | Проверьте подключение элементов
  • Шаг 4 | Установите количество элементов для отображения
  • Шаг 5 | Измените URL
  • Шаг 5 | Добавление ссылок на динамические страницы