Top.Mail.Ru
Loading...
The work you do while you procrastinate is probably the work you should be doing for the rest of your life.
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
NLM079 ВРЕМЯ НАСТРОЙКИ: 3 МИНУТЫ

Как сделать слайдер из зеро блока со своими стрелками или табами в Tilda?

Модификация поможет настроить слайдер из Зеро блоке в Тильда со своими кнопками «Вперед», «Назад» и пагинацией/табами.
ВАЖНО: автопролистывание слайдов можно настроить в модификации NLM087
Инструкция (Развернуть↓)
1. В Зеро-блоке настраиваешь слайдер:
  • Внутри Зеро-блока привязываешь ссылки к кнопкам, которые выполняют роль переключения (вперед и назад);
  • Если в зеро блоке есть элементы выполняющие роль: табов, нумерации или пагинации, то на каждый элемент указываешь ссылку, как в поле «Ссылка для табов» + порядковый номер, по итогу у нас должно получится, например, 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 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1