# Баннер средний

<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%2FnkVBnfQwhaJLGzVrkEGl%2Fimage.png?alt=media&#x26;token=9ddc95b3-e51f-4953-8965-cf7a58779837" alt=""><figcaption></figcaption></figure></div>

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

Настройка блока реализуется через [настройки виджета](https://support.morozovpimnev.ru/market/nastroiki-vidzheta)

* Текст бейдж - выводит текст в бейдже слева (например: Эксклюзив)
* Название - выводит заголовок слева
* Цена -  выводит текст цены слева
* Изображение - изображение отображаемое посередине (рекомендуем с прозрачным фоном)
* Описание - выводит текст справа
* Ссылка - произвольная ссылка с баннера

{% hint style="warning" %}
Если на главной не выводится блок - проверьте включен ли виджет секции ([подробнее](https://support.morozovpimnev.ru/market/nastroiki-vidzheta)), <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&#x26;token=62e4b087-c8ed-47f9-9ab3-064edf3df81b" alt="" data-size="original"> лампочка должна гореть.
{% endhint %}