Блок «Карточки»
Представление "Карточки/Статьи" идеально подходит для создания блоков типа "Наши партнеры", "Наши сотрудники", "Наши преимущества" и т.п. Пример:
Составные элементы карточки
Каждая карточка может состоять из следующих элементов (см рис.):- Изображение*
- Категория/метка
- Название*
- Описание
- Кнопка-ссылка
- Дата
- Теги
- Кол-во дочерних элементов
При этом вся карточка или определенные ее элементы могут являться ссылкой.
Категория/метка VS Теги
Список возможных значений поля "Категория/метка" задается в окне "Параметры отображения". В карточке возможно выбрать лишь 1 из этих значений.В отличие от этого, поле "Теги" не имеет заранее предопределенных значений. Количество тегов в карточке может быть произвольным.
Карточки на странице могут располагаться вертикально в колонку или горизонтально в ряд. Количество карточек в блоке неограничено, но мы рекомендуем создавать такое число карточек, которое будет органично смотреться при любом разрешении экрана (например, 3, 4, 6, 8, 12). При необходимости, количество отображаемых по умолчанию карточек можно ограничить искусственно. При этом остальные карточки можно будет просмотреть при помощи выбранной стстемы навигации
Для создания блока типа "Карточки" в выпадающем меню кнопки "Добавить блок" выберите пункт "Карточки". После этого вы сможете добавлять новые карточки в блок и редактировать параметры отображения
Типы карточек
В общем случае существует 3 возможных типа карточек:- Обычная карточка - может являться ссылкой на внешнюю страницу либо вообще не быть ссылкой
- Карточка-статья - ссылается на страницу сайта, которая создается при создании карточки и является ее неотъемлемой частью
- Карточка-фото/видео - открывает специальное всплывающее окно с полноразмерным изображением или видео (подобно миниатюре в галерее)
Совет
Если блок содержит очень большое количество карточек с изображениями, но при этом лишь не многие пользователи нуждаются в просмотре всех карточек, для ускорения загрузки страницы и уменьшения избыточного потребления трафика мы рекомендуем воспользоваться одним из следующих методов:- Постраничная навигация. В этом варианте изначально будет загружено лишь ограниченное количество карточек. При необходимости пользователи самостоятельно смогут подгружать новые порции
- Технология «Lazy load». В данном варианте будут загружены все карточки, но лишь определенное количество изображений будет загружено сразу. Остальные изображения будут подгружаться с сервера автоматически в фоновом режиме по мере прокрутки страницы пользователем
