No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
NLM079 • ВРЕМЯ НАСТРОЙКИ: 3 МИНУТЫ
Как сделать слайдер из зеро блока со своими стрелками или табами в Tilda?
Модификация поможет настроить слайдер из Зеро блоке в Тильда со своими кнопками «Вперед», «Назад» и пагинацией/табами.
ВАЖНО: автопролистывание слайдов можно настроить в модификации NLM087
Инструкция (Развернуть↓)
1. В Зеро-блоке настраиваешь слайдер:
2. Заполняешь следующие поля в генераторе:
3. Добавляешь блок Т123 и вставляешь в него сгенерированный HTML код;
Имей в виду:
- Внутри Зеро-блока привязываешь ссылки к кнопкам, которые выполняют роль переключения (вперед и назад);
- Если в зеро блоке есть элементы выполняющие роль: табов, нумерации или пагинации, то на каждый элемент указываешь ссылку, как в поле «Ссылка для табов» + порядковый номер, по итогу у нас должно получится, например, 3 элемента с ссылками: #bullet1, #bullet2, #bullet3;
- Дублируешь слайд и меняешь описательный контент или дублируешь настройки во все Зеро-блоки, которые выполняют роль слайдов;
2. Заполняешь следующие поля в генераторе:
- «id блоков через запятую» Копируешь id всех блоков, которые выполняют роль слайдов и указываешь их в данном поле через запятую (например, #rec0001,#rec0002);
- «Ссылка на кнопку Вперед» – Указываешь ссылку, как в Зеро-блоке (например, #next);
- «Ссылка на кнопку Назад» – По аналогии с предыдущим пунктом (например, #prev);
- «Ссылка для табов» – Заполняешь данное поле в случае, если в слайдере есть элементы выполняющие роль табов, нумерации или пагинации. Не забываем, что в данном случае необходимо указывать порядковый номер ссылки (например, #bullet1, #bullet2, #bullet3);
- «Зацикливать перелючение» – Выбираешь подходящий вариант;
- «Пролистывать экран вверх» – В случае, если ваш слайдер занимает один экран, данный пункт можно оставить без изменений.
3. Добавляешь блок Т123 и вставляешь в него сгенерированный HTML код;
Имей в виду:
- В генераторе в поле для табов пишешь просто #bullet, ссылки с нумерацией #bullet1, #bullet2 и т.д. указываешь уже внутри ваших кнопок;
- Ссылки у табов должны быть во всех блоках. К примеру, у нас 2 слайда, внутри каждого есть 2 кнопки. В обоих слайдах у каждой кнопки прописаны ссылки #bullet1 и #bullet2;
- Модификация не работает вместе с блоками меню ME602 и ME603;
- Автопролистывание слайдов можно настроить в модификации NLM087, в данной модификации такой возможности, к сожалению, нет.
1/3
2/3
3/3
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1