Секция-слайдер с возможностью заменять иконки и другими настройками

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

Чтобы использовать суперслайдер, понадобится выполнить несколько простых действий.

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

Для пустой секции:

Вызываем окно импорта кликом по иконке дублирования в левом верхнем углу (если не получается — кликните, зажав Shift):

alt

В появляющемся окне вставляем код, который приведен в конце статьи и нажимаем "Сохранить":

alt

Для любой другой секции:

В качестве примера в списке новых секций выберем тип "Описание" (у вас может быть своя секция):

alt

На этой секции представлен большой зрелищный слайдер с иконками:

alt

Точно так же проведем замену кода, вызвав окно импорта кликом по иконке дублирования в левом верхнем углу или простым кликом, зажав Ctrl+Shift:

alt

Вставим скопированный код в окно и нажмем "Сохранить":

alt

И вот нам доступна базовая версия суперслайдера, в которой можно произвести любые желаемые настройки:

Например, зададим названия слайдам:

alt

В разделе "Внешний вид", на вкладке "Главные" теперь мы сможем настроить цвет и размер активной иконки, цвет и яркость линии, цвет активной точки и многое другое:

alt

На вкладке "Неактивное" мы задаем яркость текста и иконок у неактивных элементов:

alt

Вкладка "Текст" позволяет нам управлять размером, регистром и разряженностью текста:

alt

Следующая вкладка "Картинка вместо иконки" создана для загрузки своих изображений в качестве иконок слайдера:

alt

Код секции-суперслайдера для установки:

(тройной клик позволяет выделить весь код сразу)

ссылка на код слайдера

Пусть у вас всё получается!

ЧТО ЕЩЁ ПОЧИТАТЬ