1. aspro.ru
  2. Аспро: Приорити 2.0
  3. Главная страница для Аспро: Приорити 2.0
  4. Блок «Услуги» на главной для Аспро: Приорити 2.0
  5. Настройки оформления блока «Услуги» для Аспро: Приорити 2.0

Настройки оформления блока «Услуги» для Аспро: Приорити 2.0


Настроить вид отображения блока можно так, как этого требует ваш проект. Например, выбрать тип, ширину изображения и др. Рассмотрим настройки подробнее.

Общие настройки блока

При любом типе отображения для блока установите разделитель для указания границы блока и назначьте серый фон на весь блок (1). Также задайте верхние и нижние отступы, которые отделяют блок от соседних (2). Выберите отображение заголовка блока (3) и его позицию (4).

6ec8641e-7b5c-11f1-8fe4-fa163e2ff576

Вот так выглядит блок с разделителем и серым фоном.

c37a3010-7b64-11f1-8fe4-fa163e2ff576

Верхние и нижние отступы задаются по конкретным значениям и определяют, насколько блок будет отдален от соседних блоков. Всего четыре интервала: 0, 40, 80, 130. Чем больше значение, тем удаленнее блок.

031ac472-7b5c-11f1-8fe4-fa163e2ff576

  • верхний блок: 0, нижний: 0;

f88df7c8-7b60-11f1-8fe4-fa163e2ff576

  • верхний блок: 130, нижний: 130.

74575778-7b5c-11f1-8fe4-fa163e2ff576

Рассмотрим отображение заголовка блока. При выключенном параметре исчезает не только заголовок, но и описание.

  • блок с заголовком;

14359f62-7b5c-11f1-8fe4-fa163e2ff576

  • блок без заголовка.

07d52c17-7b61-11f1-8fe4-fa163e2ff576

Позиции заголовка блока могут быть следующих видов: обычный; по центру; заголовок слева, описание справа.

  • Обычная позиция заголовка.

14359f62-7b5c-11f1-8fe4-fa163e2ff576

  • Позиция заголовка: с большим описанием.

097ff166-7b65-11f1-8fe4-fa163e2ff576

  • Позиция заголовка: заголовок слева, описание справа.

f0400a51-7b63-11f1-8fe4-fa163e2ff576

Настройки по типам блока

Всем трем типам отображения блока можно настроить ширину (1), и что отображать в услугах: элементы или разделы (4). Первому и второму типу можно задать отступы, количество элементов в строке и само количество строк (2). Только первому типу отображения можно установить вид изображения услуг (3).

355dc510-7b62-11f1-8fe4-fa163e2ff576

Рассмотрим, чем отличаются широкие и неширокие картинки с услугами, с отступами и без отступов:

  • неширокие картинки с услугами;

3c2a8980-7b64-11f1-8fe4-fa163e2ff576

  • широкие картинки с услугами;

5497e33c-7b5d-11f1-8fe4-fa163e2ff576

  • картинки с отступами;

07d52c17-7b61-11f1-8fe4-fa163e2ff576

  • картинки без отступов;

026295a4-7b65-11f1-8fe4-fa163e2ff576

  • количество элементов в строке: 2;

bef3ef82-7b61-11f1-8fe4-fa163e2ff576

  • количество элементов в строке: 3.

6a8b7723-7b5c-11f1-8fe4-fa163e2ff576

Помимо элементов, первым двум типам можно задать 1-3 строки или добавить кнопку «Загрузить еще».

  • количество строк: 2;

cfdc3955-7b63-11f1-8fe4-fa163e2ff576

  • кнопка «Загрузить еще».

f924ccc7-7b62-11f1-8fe4-fa163e2ff576

Первому типу можно настроить два вида изображения услуг: иконки и картинки.

  • вид изображения: иконки;

ce1d3494-7b61-11f1-8fe4-fa163e2ff576

  • вид изображения: картинки.

91666c97-7b5c-11f1-8fe4-fa163e2ff576

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

  • отображать: элементы;

91666c97-7b5c-11f1-8fe4-fa163e2ff576

  • отображать: разделы.

5e6d1308-7b61-11f1-8fe4-fa163e2ff576

Предыдущая статья Блок «Услуги» на главной для Аспро: Приорити 2.0
Следующая статья Дополнительные настройки блока «Услуги» для Аспро: Приорити 2.0