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

Настройки оформления блока «Галерея» для Аспро: Медицинский центр 3.0


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

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

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

b3895c30-7b5d-11f1-8fe4-fa163e2ff576

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

c85ef449-7b5e-11f1-8fe4-fa163e2ff576

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

ece5105a-7b64-11f1-8fe4-fa163e2ff576
  • верхний блок: 0, нижний: 0;

cfe8372d-7b62-11f1-8fe4-fa163e2ff576
  • верхний блок: 130, нижний: 130.

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

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

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

84a9497c-7b62-11f1-8fe4-fa163e2ff576
  • блок без заголовка.

b200adcd-7b5b-11f1-8fe4-fa163e2ff576

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

84a9497c-7b62-11f1-8fe4-fa163e2ff576
  • Позиция заголовка: по центру.

29f6ef8c-7b61-11f1-8fe4-fa163e2ff576
  • Позиция заголовка: заголовок слева, описание справа.

82029fb4-7b5d-11f1-8fe4-fa163e2ff576Настройки по типам блока

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

60b40c14-7b5b-11f1-8fe4-fa163e2ff576

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

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

5897b1d1-7b64-11f1-8fe4-fa163e2ff576
  • широкие картинки галереи;

872e7fc5-7b5e-11f1-8fe4-fa163e2ff576
  • картинки с отступами;

f9caadf1-7b60-11f1-8fe4-fa163e2ff576
  • картинки без отступов.

1bdf00e9-7b64-11f1-8fe4-fa163e2ff576

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

  • картинки галереи без скрытия;

322e3ce9-7b60-11f1-8fe4-fa163e2ff576
  • картинки галереи со скрытием.

802ce45a-7b5c-11f1-8fe4-fa163e2ff576

Разберем настройки первого и второго типа отображения блока. Для первого типа можно установить 2, 3 или 4 элемента в одной строке, а второму типу — 1, 2 или 3 элемента:

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

4ebc8edd-7b62-11f1-8fe4-fa163e2ff576
  • количество элементов в строке: 3;

28627f52-7b5e-11f1-8fe4-fa163e2ff576
  • количество элементов в строке: 4.

02303382-7b65-11f1-8fe4-fa163e2ff576

Помимо элементов, первому типу можно задать 1, 2, 3 или неограниченное количество строк. Рассмотрим разницу между числом строк:

  • количество строк: 2;
3c13c643-7b61-11f1-8fe4-fa163e2ff576
  • количество строк: 3.

3548ddad-7b5d-11f1-8fe4-fa163e2ff576

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

  • отображать: фотографии;

bb66eab9-7b63-11f1-8fe4-fa163e2ff576
  • отображать: альбомы.

7d80c690-7b62-11f1-8fe4-fa163e2ff576
Предыдущая статья Блок «Галерея» на главной странице для Аспро: Медицинский центр 3.0
Следующая статья Дополнительные настройки блока «Галерея» для Аспро: Медицинский центр 3.0