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

Настройки оформления блока «Элементы каталога» для Аспро: Медицинский центр 3.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

Предыдущая статья Элементы каталога на главной для Аспро: Медицинский центр 3.0
Следующая статья Активация товаров на главной странице для Аспро: Медицинский центр 3.0