> 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).

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

XSL :: СлайдерБаннераНаГлавной \[MARKET]

<div data-full-width="true"><figure><img src="https://2369838666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mj-gwbYdQWRhuB0jULI%2Fuploads%2FC08w3bzfVqwF5MemDCFR%2Fimage.png?alt=media&amp;token=18eaeb5b-5cf3-4805-ac57-de1058043057" 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 %}

#### Вкладка "Основные" ![](https://2369838666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mj-gwbYdQWRhuB0jULI%2Fuploads%2Fdy8tFmqZoyWdM5Ac68N2%2Fimage.png?alt=media\&token=ed4c3c01-07b9-4c0a-bb02-baa8013d4724)

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

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

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

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

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

{% hint style="warning" %}
Если на главной не выводится блок - проверьте в "Контент" -> "Информационные системы" -> "<Слайдер на главной>", что у Вас есть хотя бы 1 активный элемент, <img src="https://2369838666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mj-gwbYdQWRhuB0jULI%2Fuploads%2FjywoOaAjbwV1LyakbEQC%2Fimage.png?alt=media&amp;token=62e4b087-c8ed-47f9-9ab3-064edf3df81b" alt="" data-size="original"> лампочка должна гореть
{% endhint %}

<div data-full-width="true"><figure><img src="https://2369838666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mj-gwbYdQWRhuB0jULI%2Fuploads%2FgTUW7wVjnToPTsKHw2iV%2Fimage.png?alt=media&amp;token=4769cd82-64df-429a-9f89-108f6d743730" alt=""><figcaption></figcaption></figure></div>
