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

Настройки оформления блока «Галерея»


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

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

При любом типе отображения для блока можно установить разделитель для указания границы блока и назначить серый фон на весь блок (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
Предыдущая статья Блок «Галерея» на главной странице
Следующая статья Дополнительные настройки блока «Галерея»