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

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


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

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

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

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

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

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

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

5277ced9-7b64-11f1-8fe4-fa163e2ff576

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

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

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

5780cad0-7b60-11f1-8fe4-fa163e2ff576

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

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

d43ce4e2-7b5f-11f1-8fe4-fa163e2ff576

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

2450652f-7b60-11f1-8fe4-fa163e2ff576

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

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

3f08b57d-7b5c-11f1-8fe4-fa163e2ff576

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

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

1ecb92d9-7b61-11f1-8fe4-fa163e2ff576

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

81fbefc4-7b5f-11f1-8fe4-fa163e2ff576

  • элементы каталога с отступами;

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

  • элементы каталога без отступов.

3ce20ffe-7b5d-11f1-8fe4-fa163e2ff576

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

  • картинка в края: выключено;

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

  • картинка в края: включено.

6e799ccf-7b5b-11f1-8fe4-fa163e2ff576

Первому типу также можно установить 3 или 4 элемента в одной строке.

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

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

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

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

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

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

5ebeee1a-7b62-11f1-8fe4-fa163e2ff576

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

82dfd3e6-7b63-11f1-8fe4-fa163e2ff576

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

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

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