АНИМАЦИЯ / СЛАЙДЕРЫ / TILDA
Слайдер из групп Zero Block
Переключает группы Object внутри Zero Block кнопками и горизонтальными свайпами, не вмешиваясь в соседние блоки.
Живой пример
Что делает модификация
Переключает группы Object внутри Zero Block кнопками и горизонтальными свайпами, не вмешиваясь в соседние блоки.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Проверяйте опубликованную страницу, а не редактор Tilda.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Класс групп | Выберите значение в интерфейсе личного кабинета. |
| Класс стрелки влево | Выберите значение в интерфейсе личного кабинета. |
| Класс стрелки вправо | Выберите значение в интерфейсе личного кабинета. |
| Минимальный свайп, px | Параметр 20–200 |
Пошаговая установка
- Создайте слайдСоберите контент в Zero Block, выделите его и нажмите Ctrl+G. В GROUP выберите Object. Только группе присвойте zero-slide-item.
- Добавьте слайдыПродублируйте группу, измените содержимое и разместите группы в одной позиции. В LAYERS расположите последнюю группу выше остальных; проверьте порядок после публикации.
- Добавьте управлениеСоздайте две стрелки Add Image с классами zero-left и zero-right. Иконки можно загрузить в LF Drive и использовать прямую ссылку. На телефоне доступен свайп.
- Установите кодВ личном кабинете задайте параметры и нажмите «Сгенерировать код». Вставьте весь результат в T123 после подготовленных блоков. Сохраните и опубликуйте страницу.
- АдаптируйтеПроверьте все размеры Zero Block и загрузку изображений скрытых слайдов.
Важно
Проверяйте опубликованную страницу, а не редактор Tilda.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в разделе «Покупки». Настройте параметры, нажмите «Сгенерировать код» и замените прежний код на сайте.
Когда появится результат?
После публикации страницы. Проверьте классы, ID и адаптацию блоков. Установите только одну копию кода для одного набора элементов.
Что показывает пример?
Пример демонстрирует механику на элементах LF Code. На вашем сайте используются подготовленные элементы Tilda.