> For the complete documentation index, see [llms.txt](https://support.morozovpimnev.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.morozovpimnev.ru/market/dizain-glavnaya/glavnyi-banner.md).

# Главный баннер

<div data-full-width="true"><figure><img src="/files/Psoc6zVJSSu8fyGBmzuC" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Style Guide (стайлгайд) по дизайну баннеров <https://yadi.sk/d/w9utYj6egW2ryA>
{% endhint %}

{% hint style="success" %}
Данные выводятся из раздела: **Контент -> Информационные системы -> <Слайдер на главной>**
{% endhint %}

{% hint style="info" %}
Кол-во отображаемых элементов задается в редактировании информационной системы на вкладке "Основные" в поле "Число элементов на странице" (по умолчанию 5)
{% endhint %}

#### Вкладка "Основные" ![](/files/sTOg962yIVHTTD39vRRq)

* Название информационного элемента - заголовок элемента
* Большое изображение - фоновое изображение элемента, если нет то дефолтный backgound шаблона
* Малое изображение - изображение элемента, которое выводится справа (рекомендуем с прозрачным фоном)
* Порядок сортировки - по умолчанию от меньшего к большему

#### Вкладка "Описание"

* Описание информационного элемента - текст элемента

#### Вкладка "Дополнительные свойства"

* Товар - вывод кнопки "Подробнее" (ссылка на товар) и "Купить" (доабаление товара)
* Ссылка - вывод кнопки "Подробнее" (произвольная ссылка)
* Ссыкла на картинке - клик будет происходить по всей области элемента, а не только с кнопки "Подробнее"
* style - произвольные стили для шрифта заголовка и текста элемента (например светлый цвет на темых баннерах `color:#fff;`)

{% hint style="warning" %}
Если на главной не выводится блок - проверьте в "Контент" -> "Информационные системы" -> "<Слайдер на главной>", что у Вас есть хотя бы 1 активный элемент, <img src="/files/GDqS81IPInyBylFW2c27" alt="" data-size="original"> лампочка должна гореть
{% endhint %}

<div data-full-width="true"><figure><img src="/files/hShl2KLPqq7WvlRjfyRK" alt=""><figcaption></figcaption></figure></div>
