1. Главная страница
  2. ››
  3. Документация
  4. ››
  5. Адаптация компонента к экранам разного размера - документация компонента Upline Studio

Навигация

Разделы доки

Demo компонента

Адаптация компонента к экранам разного размера

Адаптация компонента к экранам разного размера

За адаптивность компонента Upline Swiper Slider отвечает вкладка Внешний вид > Адаптивы.

Вкладка Адаптивы

Данные настройки выставляются последними и корректируют 4 параметра для разных типов устройств.

Настраиваемые параметры

Всего на вкладке настраиваются 4 параметра:

  1. Слайдер — количество слайдов
  2. Слайдер — расстояние между слайдами
  3. Миниатюры — количество
  4. Миниатюры — расстояние между ними

Чтобы включить адаптивность, надо проставить галочку на выбранном параметре. Когда галочки не проставлены, то для всех устройств действуют настройки, выставленные на других вкладках.

Когда галочки проставлены, то для каждого типа устройств действуют указанные величины.

Untitled

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

Типы устройств

По ширине экрана различаются 4 типа устройств. для которых можно задавать свои настройки:

  1. Широкие экраны.
  2. Ноутбуки.
  3. Планшеты.
  4. Мобильные телефоны.

ВАЖНО

Если на данной вкладке вы выставите большее количество элементов, чем на предыдущей, то будет действовать настройка из этой вкладки.

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

Logo Upline Studio Creatium

Наша команда Uplinestudio разрабатывает сайты под разные потребности клиентов. Одним из ключевых направлений в нашей разработке является создание сайтов на Creatium.

Оставить заявку

Работает на Creatium