1. aspro.ru
  2. Аспро: Лайтшоп
  3. Главная страница
  4. Тизеры преимуществ на главной
  5. Настройки отображения тизеров

Настройки отображения тизеров


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

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

58b6ae39-7b61-11f1-8fe4-fa163e2ff576

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

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

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

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

  • верхний блок: 0, нижний: 0;
643aaccb-7b5b-11f1-8fe4-fa163e2ff576
  • верхний блок: 130, нижний: 130.

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

Дополнительно тизерам можно задать отображение только трех или четырех элементов в строке.

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

  • 3 элемента в строке;
df9a05c5-7b5c-11f1-8fe4-fa163e2ff576
  • 4 элемента в строке.
bea51515-7b63-11f1-8fe4-fa163e2ff576

А ещё — задать отображение 1, 2, 3 или неограниченного числа строк.

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

  • количество строк: 1;
e89042cc-7b60-11f1-8fe4-fa163e2ff576
  • количество строк: 3.
05a90496-7b60-11f1-8fe4-fa163e2ff576

Также можно установить картинки слева или сверху от текста.

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

  • позиция картинки слева от текста;
a980db0e-7b5b-11f1-8fe4-fa163e2ff576
  • позиция картинки сверху от текста.
e89042cc-7b60-11f1-8fe4-fa163e2ff576

Предыдущая статья Тизеры преимуществ на главной
Следующая статья Настройка сортировки тизеров