Текст и медиа

Блоки раздела библиотеки «Текст и медиа» — это блоки, предназначенные для использования в качестве шапки блока, пунктов списка, текста с разными видами медиа: изображениями или видео.

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

У блока «Текст и медиа: заголовок с описанием» есть заголовок и описание, которые представляют из себя шапку блока. Как настроить шапку блока вы можете прочитать на странице «Шапка блока» в разделе «Общие и повторяющиеся настройки».

У блока «Текст и медиа: список с иконками» есть пункты списка, для которых можно настроить общую иконку. Как создавать пункты списка вы можете прочитать на странице «Карточки/Пункты» в разделе «Общие и повторяющиеся настройки».

Общая иконка отображается у всех пунктов списка.

У блока «Текст и медиа: текст с изображением и кнопкой», помимо шапки, есть подзаголовок блока, основной текст, изображение, описание под изображением и кнопка.

Блок можно отразить по горизонтали, нажав на галочку «Отразить по горизонтали»

Блок отражён по горизонтали:

Ввести подзаголовок блока и основной текст можно в разделе «Контент».

Вертикальное выравнивание текста можно настроить с помощью переключателя: по верхнему краю или по центру изображения.

Отображение выравнивания по верхнему краю:

Отображение выравнивания по центру:

На изображении можно разместить ссылку.

У блока «Текст и медиа: текст с видео и кнопкой», помимо шапки, есть подзаголовок блока, основной текст, видео, описание под видео и две кнопки.

Блок можно отразить по горизонтали, нажав на галочку «Отразить по горизонтали».

Блок отражён по горизонтали:

У видео блока можно настроить ширину, форму и соотношение сторон. Чтобы видео отобразилось в блоке, вставьте ссылку на него.

Отображение блока с настройками:

• ширина видео: 4 колонки,

• форма видео: круглая,

• соотношение сторон: 1:1.

У блока «Текст и медиа: текст в один столбец», помимо шапки, есть подзаголовок блока и основной текст.

У блока можно настроить ширину и отступ от первой колонки. Как настроить ширину и отступ шапки блока вы можете прочитать на странице «Шапка блока» в разделе «Общие и повторяющиеся настройки».

Отображение блока с настройками:

• ширина блока: 6 колонок,

• отступ слева: 3 колонки.

У блока «Текст и медиа: текст в два столбца» есть шапка, подзаголовок блока, два столбца с основным текстом, по аналогии с блоком «Текст и медиа: текст в один столбец». Блок отличается тем, что у него нет настроек ширины и отступов, но есть два столбца с основным текстом.

У блока «Текст и медиа: текст в два столбца» есть шапка, подзаголовок блока, три столбца с основным текстом, по аналогии с блоком «Текст и медиа: текст в один столбец». Блок отличается тем, что у него нет настроек ширины и отступов, но есть три столбца с основным текстом.

У блока «Текст и медиа: маркированный/нумерованный список» есть шапка и основной текст, по аналогии с блоком «Текст и медиа: текст в один столбец». Блок отличается только тем, что у него нет подзаголовка, а основной текст сразу представлен в виде маркированного списка.

У блока «Текст и медиа: текст на подложке с иконкой» есть заголовок, описание, основной текст и иконка, которые находятся на подложке.

У блока можно настроить ширину и отступ от первой колонки.

Отображение блока с настройками:

• ширина блока: 6 колонок,

• отступ слева: 3 колонки.

Для иконки можно настроить размер, форму, ширину, расположение, выравнивание.

Отображение блока с настройками:

• размер иконки: L,

• расположение иконки: Сверху,

• выравнивание: по левому краю.

Для подложки можно выбрать цвет фона, цвет и толщину обводки, форму.

Отображение блока с настройками:

• цвет подложки: ЧБ 30,

• цвет обводки: ЧБ 60,

• толщина обводки: 1px,

• форма: круглая.

Чтобы сделать блок без обложки, сделайте:

• цвет обложки: без фона,

• цвет обводки: без обводки,

• толщину обводки: 0px.

Блок и его элементы встали по сетке блока:

Подложке можно добавить изображение на фон.

У блока «Текст и медиа: заголовок с описанием сбоку» есть заголовок и описание, которые представляют из себя шапку блока. О том, как настраивать шапку блока, можно прочитать в разделе . Как настроить шапку блока вы можете прочитать на странице «Шапка блока» в разделе «Общие и повторяющиеся настройки».

У блока «Текст и медиа: пункты с кнопкой» есть шапка блока и пункты. В каждом пункте есть описание и кнопка.

О том, как настраивать шапку блока, можно прочитать в разделе . Как настроить шапку блока вы можете прочитать на странице «Шапка блока» в разделе «Общие и повторяющиеся настройки».

У блока можно настроить ширину и отступ от первой колонки.

Отображение пунктов с настройками:

• ширина пунктов: 6 колонок,

• отступ слева: 3 колонки.

Для пунктов можно выбрать цвет фона, цвет и толщину обводки, форму, а также настроить отступ между ними.

Отображение пунктов с настройками:

• цвет фона: ЧБ 30,

• цвет обводки: ЧБ 60,

• толщина обводки: 1px,

• форма: круглая.

У блока «Текст и медиа: текст с четырьмя изображениями и кнопкой» есть шапка блока, четыре изображения, подзаголовок и основной текст. В каждом пункте есть описание и кнопка.

О том, как настраивать шапку блока, можно прочитать на странице «Шапка блока» в разделе «Общие и повторяющиеся настройки».

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

Отображение выравнивания по верхнему краю:

Отображение выравнивания по центру:

На изображении можно разместить ссылку.

У блока «Текст и медиа: вертикальные табы с видео» есть:

• шапка блока,

• горизонтальные табы с видео,

• описания под видео.

О том, как настраивать шапку блока, можно прочитать на странице «Шапка блока» в разделе «Общие и повторяющиеся настройки».

У видео блока можно настроить ширину, форму и соотношение сторон. Чтобы видео отобразилось в блоке, вставьте ссылку на него.

Отображение блока с настройками:

• ширина видео: 4 колонки,

• форма видео: круглая,

• соотношение сторон: 1:1.

Чтобы в мобильной версии сайта вместо табов отображать выпадающий список, нажмите на галочку «Выпадающий список на мобильных устройствах вместо табов».

Отображение табов в мобильной версии:

Отображение выпадающего списка в мобильной версии:

У табов можно настроить цветовую тему, размер, тип и форму.

Отображение табов с настройками:

• размер: L,

• тип: с фоном,

• форма: круглая.

Чтобы видео отобразилось в блоке, вставьте ссылку на него.