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

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


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

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

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