CMS: Отображение контента коллекции в галерее
3 мин. чтения
Использование галерей - это отличный способ отображать несколько медиафайлов из коллекций и ссылаться на динамические страницы или внешние ресурсы.
Создайте галерею, которая быстро отображает весь необходимый контент.
Прежде чем вы начнете подключать свой контент к галерее, вам нужно будет настроить коллекцию. Подробнее о создании коллекции.
Нажмите, чтобы увидеть пример
Совет:
Если у вас уже есть таблица с контентом для вашего сайта Wix, вы можете импортировать ее в коллекцию и отобразить в галерее. Подробнее о импорте контента в коллекцию.
Шаг 1 | Добавление и подключение галереи
Добавьте галерею и подключите ее к контенту из выбранной вами коллекции.
Чтобы добавить и подключить галерею:
- Добавьте галерею на страницу.
- Редактор Wix:
- Нажмите Добавить
в левой части редактора.
- Выберите пункт Галерея.
- Выберите галерею и перетащите ее на сайт.
- Нажмите Добавить
- Editor X:
- Нажмите Добавить
в верхней части Editor X.
- Нажмите Медиа.
- Нажмите на Pro Galleries.
- Выберите галерею и перетащите ее на сайт.
- Нажмите Добавить
- Редактор Wix:
- Нажмите список на странице.
- Нажмите на значок Подключить к данным
(или
в Editor X).
- Нажмите Создать набор данных.
- Выберите коллекцию.
- Нажмите Создать.
Шаг 2 | Настройка структуры контента
Новый интерфейс с наборами данных:
В Wix Studio мы переместили наборы данных в панель инспектора справа, чтобы вам было проще ими пользоваться. Подробнее о новых наборах данных в Wix Studio.
После подключения галереи вы можете выбирать между двумя структурами контента. Нажмите на выпадающий список в разделе Подключить источник данных, чтобы просмотреть два варианта.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f0656688-8ed1-488a-888d-62373b7c3a3c/2021/08/20/d58e4949-430f-4298-acf7-d578a9a8f593/8c9f6aaf-85c3-4782-a36e-f6b9f657810c.jpg)
Вариант 1: вариант набора данных по умолчанию
Опция по умолчанию позволяет выбрать поля, к которым будет подключен элемент галереи. Вы можете подключить следующие поля:
- Поле изображения
- Текстовое поле заголовка
- Текстовое поле описания
- Поле для alt текста
- Поле URL или динамическая ссылка на страницу
![Скриншот панели Подключить галерею с выделением доступных подключений в коллекции галереи.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f0656688-8ed1-488a-888d-62373b7c3a3c/2023/04/06/40f1a775-60c1-427c-a6d8-bd7fd450fadf/dc7244bb-b0e6-4b2b-83f5-45452547a932.jpg)
Вариант 2. Опция Галерея (Медиа-галерея)
Второй вариант - это Галерея (Media Gallery). При этом автоматически используются данные, предоставленные в галерее, и вы не можете связывать поля вручную.
![Скриншот панели Подключить галерею, показывающий вариант подключения к галерее (медиагалерее).](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/f0656688-8ed1-488a-888d-62373b7c3a3c/2021/08/20/52fbaf34-77a7-493d-b0c3-1bf9b499e801/4cbd7771-b78b-4efd-a6dd-424754863702.jpg)
Совет:
Нажмите Настройка, чтобы изменить макет, дизайн и дополнительные настройки галереи. Подробнее