Бесплатный разбор сайта и рекламы

— покажем, где теряются заявки

Получить

Главная

›

Модификации

›

Табы в Zero Block

Генератор · бесплатно

Табы в Zero Block

Name: Табы в Zero Block — генератор кода
Author: ZIMMER

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

Открыть генератор

Как установить

Бесплатно, без регистрации

0 ₽

бесплатно, без регистрации

без кода

генератор соберёт его сам

#tab-2

ссылка сразу на нужный таб

2 режима

отдельные блоки или внутри Zero Block

Генератор

Настройте табы

Меняйте параметры — превью обновится сразу. Потом скопируйте код внизу.

Возможности

Что умеют табы

Всё настраивается в генераторе, код менять вручную не нужно.

01 Два режима

Панели табов в отдельных блоках страницы или внутри одного Zero Block

Несколько наборов

У каждой группы табов своё имя, они не мешают друг другу

Стартовый таб

Выбираете, какой таб открыт при загрузке страницы

Заливка и градиент

Цвет активного переключателя, цвет текста, угол градиента

Наведение и приглушение

Свои цвета при наведении, неактивные табы полупрозрачные

Иконки

Встроенные или свои, три состояния, слева, справа или сверху

Плавное появление

Панель проявляется, а не выскакивает

Ссылка на таб

Адрес вида страница#tab-2 сразу открывает нужный таб

Без мигания

До загрузки скрипта виден только стартовый таб

Установка

Как установить

Код работает только на опубликованной странице — в редакторе табы не переключаются.

ЭТАП 01

Настройте

В генераторе задайте имя группы, количество табов и стиль

1 минута
в генераторе

ЭТАП 02

Проставьте классы

Переключателям в Zero Block — класс tab-btn и ссылку #tab-1, панелям — класс блока uc-tab-panel-1

по подсказке
генератора

ЭТАП 03

Вставьте код

Блок T123 (Другое → HTML-код) в самом низу страницы

Ctrl + V
один блок

ЭТАП 04

Опубликуйте

Табы работают на опубликованной странице. Обновите её с Ctrl + F5

готово
можно проверять

Вопросы

Если что-то
не работает

Если вашего вопроса здесь нет — спросите напрямую, ответим в течение рабочего дня.

Задать свой вопрос

Табы не переключаются

Проверьте, что страница опубликована, а код стоит в блоке T123 на этой же странице. В редакторе Tilda скрипты не работают.

Переключаются не те табы

На странице несколько наборов с одинаковым именем группы. Задайте каждому набору своё имя в генераторе.

Где ставить класс панели?

В настройках блока: «Ещё» → CSS class. Переключателям класс ставится в Zero Block, в поле ClassName.

Можно открыть нужный таб по ссылке?

Да: ссылка вида страница#tab-2 откроет второй таб, а адрес обновляется при переключении.

Это бесплатно?

Да, без регистрации и ограничений.

Дальше

Другие модификации

Все бесплатные, без регистрации.

генератор