header-logo
Wix LearnСовершенствуйте навыки с помощью наших курсов и учебных статей.
Wix БлогПолучайте рекомендации по веб-дизайну, маркетингу и многому другому.
Центр обучения SEOУзнайте, как увеличить органический трафик из поисковых систем.
Website developmentСоздайте собственный сайт на нашей полнофункциональной платформе.
Наймите профессионалаНайдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Шаг 1 | Добавление и настройка панели пагинации
  • Шаг 2 | Подключение к CMS

CMS: Добавление и настройка панели пагинации

Используйте панель пагинации, чтобы предоставить посетителям простой и интуитивно понятный способ просмотра большой коллекции элементов в репитере или галерее. Панель пагинации позволяет посетителям перемещаться по «страницам» или наборам элементов, отображаемых на динамической странице. Поле набора данных « Количество пунктов для загрузки» определяет максимальное число элементов, отображаемых на каждой «странице».

Количество страниц, отображаемых панелью пагинации, рассчитывается на основе общего количества элементов коллекции, полученных набором данных, и значения поля «Количество пунктов для загрузки». Например, если в коллекции 50 видимых элементов и вы установили значение поля «Количество пунктов для загрузки» равным 10, панель пагинации будет отображать 5 страниц (50/10=5). Каждая страница представляет собой набор элементов, и панель пагинации позволяет посетителям перемещаться между этими наборами.
Скриншот панели пагинации, которая подключена к той же коллекции, что и репитер.
Прежде чем начать:

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

Добавьте панель пагинации на сайт и настройте ее в соответствии с вашим дизайном.
  1. Перейдите в редактор.
  2. Перейдите на соответствующую динамическую страницу, на которой может быть представлен список из нескольких элементов:
    1. Нажмите Страницы и меню слева в редакторе.
    2. Нажмите Динамические страницы.
    3. Выберите соответствующую динамическую страницу.
      Примечание: Панели пагинации не подходят для динамических страниц позиций, которые могут отображать только 1 элемент за раз.
Скриншот перехода на страницу динамического списка в редакторе Wix.
  1. Добавьте панель пагинации: 
    1. Нажмите Добавить элементы  в левой части редактора.
    2. Нажмите Интерактивные (боксы).
    3. Нажмите Панель пагинации
    4. Нажмите и перетащите панель пагинации, которую вы хотите использовать, на страницу. 
Скриншот добавления панели пагинации в редакторе Wix.
  1. Настройте макет и дизайн панели пагинации: 

Шаг 2 | Подключение к CMS

Подключите панель пагинации к тому же набору данных, который подключен к вашему репитеру или галерее. Затем измените размер панели пагинации и протестируйте ее в режиме превью. Когда все будет готово, опубликуйте сайт.
  1. Нажмите на панель пагинации.
  2. Нажмите на иконку Подключить к CMS .
  3. Нажмите на выпадающее меню Выберите набор данных и выберите тот же набор данных, который подключен к вашему репитеру или галерее.
Скриншот подключения панели пагинации к набору данных.
  1. (При необходимости) Настройте число элементов, которые будут отображаться на каждой «странице» в панели пагинации: Примечание: Это также максимальное число элементов, которое может отображаться за одну загрузку в репитере или галерее.
    1. Нажмите Настройки набора данных в панели Подключить пагинацию справа.
    2. Отредактируйте поле Количество пунктов для загрузки. Подробнее о том, как редактировать настройки набора данных.
  2. Настройте размер панели пагинации, растянув ее или отрегулировав границы вручную:
    • Растянуть по ширине: Нажмите на иконку Растянуть , чтобы растянуть панель до краев сайта.
    • Вручную: Нажмите и потяните за края панели пагинации, чтобы изменить ее размер.
  3. Нажмите Превью, чтобы протестировать панель пагинации.
  4. Нажмите Опубликовать, если вы готовы применить изменения на сайте.

Helpmate

Привет,

Нужны дополнительные рекомендации?
Unlock personalized helpLog in to get the most out of Helpmate.