CMS: Об отображении контента коллекции в таблице или галерее
4 мин. чтения
Таблицы и галереи отлично подходят для одновременного отображения нескольких элементов из коллекций. Они полезны для отображения содержимого коллекции на динамической странице списка или на обычной странице. Вы также можете прикрепить таблицы и галереи к повторяющимся спискам — репитерам(статья на английском языке).
Таблицы и галереи могут отображать связанные элементы из коллекций, имеющих зеркальные поля (статья на английском языке), или в ситуациях, когда вы отфильтровали один набор данных по другому набору данных (статья на английском языке).
Таблицы и галереи могут отображать связанные элементы из коллекций, имеющих зеркальные поля (статья на английском языке), или в ситуациях, когда вы отфильтровали один набор данных по другому набору данных (статья на английском языке).
Перед началом процедуры:
У вас должна быть хотя бы одна коллекция в CMS, и набор данных добавлен на страницу.
Чтобы узнать, как отобразить контент коллекции в галерее или таблице, см. раздел Отображение контента коллекции в галерее или таблице
Чтобы узнать, как отобразить контент коллекции в галерее или таблице, см. раздел Отображение контента коллекции в галерее или таблице
Примеры
Ниже приведены некоторые примеры того, как можно использовать таблицы и галереи для отображения информации на сайте.
1. Подключение одной коллекции к таблице или галерее
В этом примере мы использовали галерею для отображения элементов из нашей коллекции рецептов. Мы поместили галерею на динамической странице списка, где пунктом в списке в данном случае является "блюдо." Каждое изображение ссылается на динамическую страницу элемента для этого блюда. Текстовый элемент в верхней части страницы связан с тем же набором данных, поэтому функционирует как заголовок страницы. В этом примере динамическая страница списка показывает "гарниры."
Ниже мы используем таблицу для динамического отображения всех элементов исполнителей из нашей коллекции Исполнители. Эта таблица находится на обычной странице. В одном столбце отображается фото, а в другом — краткая биография каждого исполнителя. Каждая строка в таблице связана с динамической страницей элемента для этого исполнителя.
Ниже мы используем таблицу для динамического отображения всех элементов исполнителей из нашей коллекции Исполнители. Эта таблица находится на обычной странице. В одном столбце отображается фото, а в другом — краткая биография каждого исполнителя. Каждая строка в таблице связана с динамической страницей элемента для этого исполнителя.
2. Подключение одной коллекции с зеркальными полями к таблице
В этом примере коллекция песен имеет зеркальное поле (статья на английском языке), которое ссылается на нашу коллекцию Исполнители. Это позволяет нам отображать информацию из обеих коллекций одновременно в одной таблице на обычной странице. Первый столбец отображает название песни из коллекции Песни. Во втором столбце отображается имя исполнителя, взятое из зеркального поля.
3. Использование таблицы для связи с динамическими страницами
В этом примере мы поместили нашу таблицу на обычную страницу и подключили его к нашей коллекции рецептов. В ней показаны все рецепты, которые есть в нашей коллекции, вместе с типом блюда и национальной принадлежностью кухни.
Каждый столбец в таблице ссылается на другую динамическую страницу. Столбец "Recipe" ссылается на динамическую страницу элемента для этого рецепта. Столбец "Course" ссылается на динамическую страницу списка для этого блюда (как в предыдущем примере), а столбец "Recipe" ссылается на динамическую страницу списка для этой кухни.
Связь между таблицей и динамической страницей позволяет всегда отображать актуальные данные (новые рецепты, блюда и кухни), по мере того, как они добавляются в коллекции; при этом вам не нужно добавлять новые кнопки или элементы для связи с новыми динамическими страницами.
Каждый столбец в таблице ссылается на другую динамическую страницу. Столбец "Recipe" ссылается на динамическую страницу элемента для этого рецепта. Столбец "Course" ссылается на динамическую страницу списка для этого блюда (как в предыдущем примере), а столбец "Recipe" ссылается на динамическую страницу списка для этой кухни.
Связь между таблицей и динамической страницей позволяет всегда отображать актуальные данные (новые рецепты, блюда и кухни), по мере того, как они добавляются в коллекции; при этом вам не нужно добавлять новые кнопки или элементы для связи с новыми динамическими страницами.
4. Использование таблицы для выбора элементов для отображения
В этом примере у нас есть таблица и галерея на обычной странице, в которых строка, выбранная в таблице, управляет элементами, которые отображаются в галерее. И таблица и галерея могут быть подключены к набору данных, имеющему зеркальные поля (статья на английском языке), или каждая из них может быть подключена к двум наборам данных, где один набор фильтруется другим.
На рисунке ниже таблица подключена к набору данных "Cuisine", а галерея подключена к отфильтрованному набору данных "Recipes". Посетитель сайта выбрал "Tex Mex" в таблице, а в галерее отображаются рецепты для кухни "Tex Mex."
Вы можете использовать любой другой элемент, который может подключаться к набору данных для отображения информации после выбора элемента из таблицы. В примере ниже таблица и видеоплеер связаны с нашей коллекцией песен. Когда посетитель сайта нажимает на песню в таблице, плеер воспроизводит эту песню.
На рисунке ниже таблица подключена к набору данных "Cuisine", а галерея подключена к отфильтрованному набору данных "Recipes". Посетитель сайта выбрал "Tex Mex" в таблице, а в галерее отображаются рецепты для кухни "Tex Mex."
Вы можете использовать любой другой элемент, который может подключаться к набору данных для отображения информации после выбора элемента из таблицы. В примере ниже таблица и видеоплеер связаны с нашей коллекцией песен. Когда посетитель сайта нажимает на песню в таблице, плеер воспроизводит эту песню.
Была ли статья полезна?
|