# Слайдер на главной странице

Слайдер — крупный блок в самом верху главной страницы, который прокручивается сам. Обычно в нём показывают акции, новые коллекции и сезонные подборки.

## Добавить слайд

Откройте **Контент → astdesign.marketpro: Реклама и SEO → Слайдер на главной странице → Элементы** и нажмите **Добавить элемент**.

 ![](https://docs.astdesign.ru/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzQ0Yjc4ZmY0LTFiMDYtNDFhOS04MmMyLWYzMjdmNDVhZWIwOS81NmI3MmQyNy1iNDQ3LTRkNGUtOGQyZi00ZDZmY2NjMzJjNWMvaHJ6MnMydjN5bmk3ODQzOGl2bW9zOTV6Y3FkcnN4MTkucG5nIiwidHlwZSI6ImF0dGFjaG1lbnQiLCJpYXQiOjE3OTMyNjI2MDAsImV4cCI6MTc5MzM0OTAwMH0.GQVcgOxj4L_DUkN0RQmg22qPkLx6qaXku7o-psydo7A)

**Название** — только для админки.

**Основная картинка** — изображение слайда для компьютера.

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

**Картинка для мобильного приложения** — если заполнена, в приложении показывается она.

**Ссылка** — куда ведёт слайд. Внутренние адреса указывайте без домена: `/catalog/bloknoty/`.

**Видео** — видеофайл вместо картинки. Если поле заполнено, слайд станет видео, а картинка будет заставкой до его загрузки. Держите такие ролики короткими и лёгкими: слайдер — первое, что грузит покупатель.

**Сортировка** — порядок слайдов: чем меньше число, тем раньше показывается.

Ниже в форме два блока: **Текст на слайде** и **Где и кому показывать**.

## Текст на слайде

Поверх картинки или видео можно вывести заголовок, описание и кнопку.

 ![](https://docs.astdesign.ru/api/files.get?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJrZXkiOiJ1cGxvYWRzLzQ0Yjc4ZmY0LTFiMDYtNDFhOS04MmMyLWYzMjdmNDVhZWIwOS80NWM4OTE2Yi0xNTlkLTRlZTItYWRlOC1kZjRhZDM4N2M2ZTMvaW1hZ2UucG5nIiwidHlwZSI6ImF0dGFjaG1lbnQiLCJpYXQiOjE3OTMyNjI2MDAsImV4cCI6MTc5MzM0OTAwMH0.eL4GE5eIRk18hcG71qPHV6g4I5AzPp-FkRFkRmSi9_I " =541x279")

**Заголовок на слайде** — крупная строка.

**Описание на слайде** — текст под заголовком.

**Текст кнопки на слайде** — надпись на кнопке. Своей ссылки у кнопки нет: она ведёт туда же, куда весь слайд, — по полю **Ссылка**. Пустое поле — кнопки нет.

**Положение текста на слайде** — **Слева**, **По центру** или **Справа**. По умолчанию слева.

**Тема текста на слайде** — **Тёмный текст** для светлых картинок, **Светлый текст** для тёмных. По умолчанию тёмный.

Можно заполнить только часть полей — например, один заголовок. Если все три текстовых поля пустые, слайд показывается без текста, как картинка.

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

На телефоне и в приложении текст прижат к низу слайда и идёт во всю ширину, шрифт мельче. Текст один для всех устройств — проверьте слайд и на узком экране.

## Где и кому показывать

**Регион** — города, где показывать слайд.

**Доступ только для группы** — группы покупателей, которым показывать слайд.

## Показ по расписанию

Заполните **Начало активности** и **Окончание активности** — слайд появится и исчезнет сам. Удобно для акций с датами: подготовили заранее, дальше решение справится без вас.

## Как слайдер выглядит и крутится

Вид и скорость задаются в настройках: **ASTDESIGN → МаркетПро → Настройки**, вкладка **Внешний вид**, блок **Настройки главной страницы**.

**Вариант отображение слайдера**:

* `type-1` — классический: слайд во всю ширину, пагинация и стрелки;
* `type-2` — с предпросмотром: видны края соседних слайдов.

**Скорость прокрутки слайдеров (сек.)** — через сколько секунд слайд сменится сам. По умолчанию 3.

Изменения видны сразу после **Применить** — обновите главную страницу.

## Проверка

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

---

**Documents**

- [Установка решения](https://docs.astdesign.ru/s/marketpro/doc/ustanovka-resheniya-Z8Q6r79liU)
- [FAQ перед покупкой](https://docs.astdesign.ru/s/marketpro/doc/faq-pered-pokupkoj-HPgKP7mWDT)
- [Общая настройка](https://docs.astdesign.ru/s/marketpro/doc/obshaya-nastrojka-Io6HZQaGXf)
- [Шаблон](https://docs.astdesign.ru/s/marketpro/doc/shablon-ylLAFZV3o8)
- [Главная страница](https://docs.astdesign.ru/s/marketpro/doc/glavnaya-stranica-7PwYozaVVo)
- [Магазины (склады)](https://docs.astdesign.ru/s/marketpro/doc/magaziny-sklady-7rEEZJrA45)
- [Каталог](https://docs.astdesign.ru/s/marketpro/doc/katalog-FpnYzZr900)
- [Поиск](https://docs.astdesign.ru/s/marketpro/doc/poisk-xsDdFVh5h0)
- [Текстовые страницы](https://docs.astdesign.ru/s/marketpro/doc/tekstovye-stranicy-jVtNXZv3T5)
- [Реклама и маркетинг](https://docs.astdesign.ru/s/marketpro/doc/reklama-i-marketing-iZkaCoxr5b)
- [Региональность](https://docs.astdesign.ru/s/marketpro/doc/regionalnost-bCuM9AOBNO)
- [Корзина](https://docs.astdesign.ru/s/marketpro/doc/korzina-Mh27pZA7v9)
- [Оформление заказа](https://docs.astdesign.ru/s/marketpro/doc/oformlenie-zakaza-VyvQjOQxZo)
- [Авторизация](https://docs.astdesign.ru/s/marketpro/doc/avtorizaciya-5HwEb1oDJG)
- [SEO и аналитика](https://docs.astdesign.ru/s/marketpro/doc/seo-i-analitika-d1Hw6c4YAM)
- [Уведомления](https://docs.astdesign.ru/s/marketpro/doc/uvedomleniya-SKDyjYg14J)
- [Мобильное приложение](https://docs.astdesign.ru/s/marketpro/doc/mobilnoe-prilozhenie-F5E0hT7TnN)
- [Обновление решения](https://docs.astdesign.ru/s/marketpro/doc/obnovlenie-resheniya-RRRgtxV5uH)
- [Для разработчика](https://docs.astdesign.ru/s/marketpro/doc/dlya-razrabotchika-WJePeJCmpy)
- [Интеграции](https://docs.astdesign.ru/s/marketpro/doc/integracii-D3DqjYOZYm)
- [Что делать, если что-то не работает](https://docs.astdesign.ru/s/marketpro/doc/chto-delat-esli-chto-to-ne-rabotaet-Q8L8sTVJF8)