Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
....
NLM079 • Время настройки: 3 минуты

Слайдер из Зеро блока со своими стрелками или табами

Модификация поможет настроить слайдер из Зеро блоке в Тильда со своими кнопками «Вперед», «Назад» и пагинацией/табами.
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.

Посмотрите, как будет выглядеть модификация на вашем сайте.

Дизайн настраиваете сами — наша модификация добавит нужный эффект.
1/3
2/3
3/3
КУПИТЬ
ананасовый бум
Ананасовый коктейль с тропическим вкусом приятно пить охлажденным в жаркий летний день, а чтобы сделать его менее молочным и более легким, достаточно изменить пропорцию сок/молоко по своему вкусу.
КУПИТЬ
Мохито
Безалкогольная версия популярного коктейля со вкусом, сочетающим в себе свежесть мяты и кислинку лайма. Имеет легкий мятный аромат, украшается веточкой мяты и долькой лайма.
КУПИТЬ
Ред Дресс Сорбет
Легкий коктейль на основе спрайта, малинового пюре, кумквата и нотками ванили, приготовленный в виде сорбета. Подается с цедрой апельсина.

Смотрите, как быстро установить модификацию

Инструкция
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, в данной модификации такой возможности, к сожалению, нет.

Сгенерируйте код для своего сайта

Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1

Популярные решения для вашего сайта

Не нашли нужное решение?

Часто задаваемые вопросы

Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.