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

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


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

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

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

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

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

28a41de6-7b63-11f1-8fe4-fa163e2ff576

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

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

9425efc4-7b60-11f1-8fe4-fa163e2ff576

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

04c458ca-7b62-11f1-8fe4-fa163e2ff576

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

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

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

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

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

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

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

2699e874-7b5f-11f1-8fe4-fa163e2ff576

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

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

593a56fc-7b63-11f1-8fe4-fa163e2ff576

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

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

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

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

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

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

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

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

02bea371-7b5d-11f1-8fe4-fa163e2ff576

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

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

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

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

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

  • текст не по центру;

70046c19-7b5f-11f1-8fe4-fa163e2ff576
  • текст по центру;

0112ed7d-7b61-11f1-8fe4-fa163e2ff576
  • картинка в края: выключено;

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

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

50c5bc75-7b5f-11f1-8fe4-fa163e2ff576

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

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

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

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

21425ed2-7b60-11f1-8fe4-fa163e2ff576

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

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

022f0e06-7b62-11f1-8fe4-fa163e2ff576
  • Позиция картинки: справа.

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

  • Позиция картинки: шахматный порядок.

cf352325-7b5e-11f1-8fe4-fa163e2ff576
Предыдущая статья Элементы каталога на главной
Следующая статья Активация товаров на главной странице