View Categories

Карточки

2 min read

Для оформления контента в виде карточек есть несколько этажей, каждый из которых мы рассмотрим в данном разделе.

Карточки (с заголовком раздела) #

Для добавления этажа на страницу, необходимо выбрать его в общем списке этажей платформы. Найти его можно, отфильтровав список по ключевому слову «карточки» на вкладке «Контентные блоки»:

Это изображение имеет пустой атрибут alt; его имя файла - image-35-1024x540.png

У данного этажа есть настройки:

Размер — задает размер карточек. Доступные варианты:

  • Маленький:
Это изображение имеет пустой атрибут alt; его имя файла - image-37-1024x363.png
При выборе данного размера, необходимо учитывать, что заголовок не переносится. Следует использовать для предоставления краткой информации.
  • Средний:
Это изображение имеет пустой атрибут alt; его имя файла - image-38-1024x339.png
  • Большой:
Это изображение имеет пустой атрибут alt; его имя файла - image-39-1024x378.png

На карточку в данном этаже можно добавить видео (добавляется по аналогии с этажом «Видео»), оно будет выводиться на изображении карточки:

Это изображение имеет пустой атрибут alt; его имя файла - image-40.png

При клике на значок проигрывания, будет открываться видео:

Это изображение имеет пустой атрибут alt; его имя файла - image-41-1024x553.png

Для каждой карточки можно добавить до 3х надписей более мелким шрифтом, с помощью блока свойств:

Это изображение имеет пустой атрибут alt; его имя файла - image-42-1024x260.png

В итоге в публичной части сайта карточка со свойствами будет выглядеть следующим образом:

Это изображение имеет пустой атрибут alt; его имя файла - image-43-1024x680.png
первая карточка с установленными свойствами, вторая без

Так же карточкам можно добавить до 3х кнопок в разном цветовом оформлении:

Это изображение имеет пустой атрибут alt; его имя файла - image-53-1024x596.png

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

Карточка с текстом #

Для добавления этажа на страницу, необходимо выбрать его в общем списке этажей платформы. Найти его можно отфильтровав список по ключевому слову «карточка» на вкладке «Контентные блоки»:

Это изображение имеет пустой атрибут alt; его имя файла - image-45-1024x539.png

Настройки этажа включают в себя следующие пункты:

Заголовок — позволяет добавить заголовок карточки. Заголовку можно задать следующие настройки:

  • Тэг — устанавливает HTML тег, в который будет обернут заголовок, от h1 до h6
  • Жирность — устанавливает жирность шрифта заголовка (100, 300 или 700). По умолчанию устанавливается значение 300.
  • Текст — поле для ввода текста заголовка
  • Верхний/нижний регистр — устанавливает регистр текста заголовка. За установку регистра отвечают стрелки справа от поля «текст»
Это изображение имеет пустой атрибут alt; его имя файла - image-46-1024x106.png
  • Семантический — при выборе данного чекбокса текст заголовка будет размещен в тэге h1. Если заголовок не является семантическим, то он будет размещен в тэге div c классом h1. Визуальное отображение заголовка на странице будет одинаковым.

Изображение — позволяет загрузить изображение карточки.

Текст — позволяет добавить текстовое описание карточки. В данном поле используется текстовый редактор для указания стилей текста.

В итоге, в публичной части сайта, контент будет выглядеть следующим образом:

Это изображение имеет пустой атрибут alt; его имя файла - 2021-12-02_11h27_23-1024x498.jpg

Карточки (плитка) #

Для добавления этажа на страницу, необходимо выбрать его в общем списке этажей платформы. Найти его можно отфильтровав список по ключевому слову «карточка»:

Это изображение имеет пустой атрибут alt; его имя файла - image-47-1024x535.png

В настройках карточкам можно задать размер:

  • маленький:
Это изображение имеет пустой атрибут alt; его имя файла - image-49-1024x409.png
  • средний:
Это изображение имеет пустой атрибут alt; его имя файла - image-48-1024x483.png
  • большой:
Это изображение имеет пустой атрибут alt; его имя файла - image-50-1024x297.png

На карточку в данном этаже можно добавить видео (добавляется по аналогии с этажом «Видео»), оно будет выводиться на изображении карточки:

Это изображение имеет пустой атрибут alt; его имя файла - image-51-1024x406.png

Так же карточкам можно добавить до 2х кнопок в разном цветовом оформлении:

Это изображение имеет пустой атрибут alt; его имя файла - image-52-1024x298.png

Карточки (слайдер) #

Для добавления этажа на страницу, необходимо выбрать его в общем списке этажей платформы. Найти его можно отфильтровав список по ключевому слову «карточка»:

Это изображение имеет пустой атрибут alt; его имя файла - image-54-1024x540.png

В публичной части сайта этаж будет выглядеть так:

Это изображение имеет пустой атрибут alt; его имя файла - image-55-1024x311.png

Для данного этажа мы может отрегулировать количество карточек, которые будут выводиться:

Это изображение имеет пустой атрибут alt; его имя файла - image-56-1024x225.png

На карточку в данном этаже можно добавить видео (добавляется по аналогии с этажом «Видео»), оно будет выводиться на изображении карточки и до 2х кнопок в разном цветовом оформлении:

Это изображение имеет пустой атрибут alt; его имя файла - image-57-1024x317.png

В данном этаже табы и карточки можно менять местами с помощью настроек:

Карточки (табы + слайдер) #

Для добавления этажа на страницу, необходимо выбрать его в общем списке этажей платформы. Найти его можно отфильтровав список по ключевому слову «карточка»:

Это изображение имеет пустой атрибут alt; его имя файла - image-58-1024x532.png

В публичной части сайта этаж будет выглядеть так:

На карточку в данном этаже можно добавить видео (добавляется по аналогии с этажом «Видео»), оно будет выводиться на изображении карточки и до 3х кнопок в разном цветовом оформлении:

В данном этаже табы и карточки можно менять местами с помощью настроек:

Карточки (с заголовком раздела + табы) #

Для добавления этажа на страницу, необходимо выбрать его в общем списке этажей платформы. Найти его можно отфильтровав список по ключевому слову «карточка»:

В публичной части сайта будет выглядеть следующим образом:

Карточкам можно задать размер:

  • маленький (на скриншоте выше карточки в маленьком размере)
  • средний:
  • большой:

На карточку в данном этаже можно добавить видео (добавляется по аналогии с этажом «Видео»), оно будет выводиться на изображении карточки и до 3х кнопок в разном цветовом оформлении:

В данном этаже табы, разделы и карточки можно менять местами с помощью настроек: