135  /  522
Не хватает статьи или нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter

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

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

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

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


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


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


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


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


Заголовок и описание всего блока «Разделы каталога» можно добавлять/убирать через галку (1), а также задавать три позиции: «обычно», «по центру» и «заголовок слева, описание справа» (2).


  • заголовка нет;


  • заголовок есть, позиция: обычная;


  • заголовок есть, позиция: по центру;


  • заголовок есть, позиция: заголовок слева, описание справа.


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

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


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

  • неширокие разделы;


  • широкие разделы;


  • разделы с отступами;


  • разделы без отступов.


Первому типу количество элементов в строке можно задать 3 или 4, а второму типу — 2 или 3 элемента:

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


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


Любому типу можно задать отображение 1, 2, 3 или неограниченного числа строк.

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


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


Положение текста первого типа отображения можно установить внутри картинки или снизу от картинки:

  • положение текста внутри картинки;


  • положение текста снизу от картинки.


Рассмотрим виды и позиции картинок у второго типа отображения списка разделов:

  • изображения: иконки;


  • изображения: картинки;


  • изображения: прозрачные картинки;


  • позиция картинки: справа;


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


Теперь рассмотрим два способа отображения текста в разделе:

  • отображать: описание;


  • отображать: разделы.