Основной слайдер

Последние изменения: 21.03.2022

Виджет для вывода нескольких последовательно сменяющих друг друга баннеров с возможностью добавления заголовка, текста и кнопки.

Пример использования:

0d851848ebcfdf2498f37132439bc45f.png

Группа виджетов:  Стейджи

848b433bb97f6e2233b6c7bc7a80e9af.png

Настройки виджета

  • Ручное управление

При использовании данного режима появляется возможность добавлять свои слайды, самостоятельно выбирая порядок их сортировки. В данном режиме слайды мастер сайта будут обновляться автоматически, но при этом нельзя изменить получаемый мастер-контент. Данный режим подходит для дилеров, которые активно используют данный виджет и добавляют свою информацию для пользователей.

b838d6a9d6059428d0b80ab25cca6190.png

Просим обратить внимание, что после перехода к ручному режиму, вернуться к обычной работе с виджетом можно будет только при помощи службы поддержки.

  • Отступы

fd7540821b6ccbfdb3ed3f5aee69c6da.png
  • Автоматическое переключение между слайдами

20c2eb3f9a7600508d5fad187fead85a.png
  • Отображение кнопки прокрутки

560a21f24fe74a0767e713c36f8dbd81.png
  • Задержка между переключением слайдов

0619bb0ec7c89106f55fd3a1d76a6ec3.png

Настройки компонентов (слайдов)

  • Выравнивание текста слайдера

24138335e2a075e3873fd95d1cd32cb0.png
  • Вписать изображение

c4e27136972e4ef80ab947efc4443db2.png
  • Изображения для десктопа: рекомендуемые параметры 3840x2160, 1920x1080, аспект 16/9

  • Изображения для мобильной версии: рекомендуемые параметры 1600x1600, 1000x1000, аспект 1/1, mobileHeight = 100

  • Текст заголовка H1 bold

  • Обычный текст — 2 размер

Настройки кнопки

  • Текст

  • Размер текста — по умолчанию/маленький/большой

  • Цвет текста — основной/альтернативный/альтернативный зелёный/альтернативный светлый

  • Тип ссылки

ae6225208f404f42d89dabe8a34158b8.png
  • Путь ссылки

3b99c052a6bbf2a85d2c5aeb2afbac2c.png

  • Атрибут rel (определяет отношения между текущим документом и документом, на который ведет ссылка)


Последовательность слайдов изменяется перемещением компонентов виджета относительно друг друга

47c0996af01eb027d4fad772c516de90.png

Как добавить слайд в виджет

1. Развернуть виджет для редактирования

6a2a90dfa2911d0147294a75af54693a.png

2. Скроллом пролистать список компонентов вниз до появления кнопки добавления нового компонента

5cbb6230f5011d39f64a79bf7469906e.png


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

4. Переместить компонент виджета на требуемую позицию перетаскиванием мыши.

5. Сохранить виджет и опубликовать страницу.

После окончания работ сохраняем виджет

ce4a3534915e13f2a399e0d28e92acac.png

и публикуем страницу

33105b06cc7174e810ce0f76115fb607.png

Помогла ли вам статья?