CMS: Добавление и настройка слайдера диапазона

2 мин. чтения
Важно:
Этот элемент пока недоступен в Editor X.
Добавьте на сайт слайдер диапазона, чтобы иметь возможность отображать диапазон значений. Вы можете установить ползунок диапазона, чтобы посетители сайта могли взаимодействовать с ним и, перемещая маркеры, выставлять собственные значения.
Прежде чем начать:
Чтобы добавить слайдер диапазона на страницу, вы должны добавить CMS.
Скриншот, показывающий элемент слайдера с заголовком «Каков ваш ценовой диапазон?»

Чтобы добавить и настроить слайдер диапазона:

  1. Нажмите Добавить в левой части редактора.
  2. Нажмите Ввод данных.
  3. Нажмите Слайдер.
  4. Нажмите на нужный вас слайдер диапазона.
  5. Нажмите Настроить.
  6. Добавьте заголовок для слайдера в поле Название поля.
  7. Выберите тип слайдера:
    • Сплошной: пользователи могут выбрать любое значение в заданном диапазоне.
    • Шкала: пользователи могут выбрать только определенные значения. Выберите параметр в разделе Чем определить отрезки?:
      • Количество: введите количество отрезков. 
      • Значение: введите значение отрезка. Это контролирует расстояние между шагами.
  8. Введите начальное значение, которое может выбрать посетитель.
  9. Введите конечное значение, которое может выбрать посетитель.
  10. Введите выбранное начальное значение. Это начальное значение, устанавливаемое при первой загрузке страницы.
  11. Введите выбранное конечное значение. Это конечное значение, устанавливаемое при первой загрузке страницы.
  12. (Только для слайдера со шкалой) Введите значение для всплывающей подсказки, которая появляется при наведении курсора на ползунок:
    • Префикс: отображается слева от значения шага (например, руб.).
    • Суффикс: отображается справа от значения шага (например, %).
Снимок экрана, показывающий ступенчатый ползунок с выделенным максимальным значением в 30 долларов.
  1. (Необязательно) Установите флажок Только для чтения, чтобы отобразить диапазон значений, который посетители не могут изменить.

Была ли статья полезна?

|