Меню
социальные сети

Многоуровневые кастомные табы для переключения Zero блоков

Добавьте неограниченное количество уровней табов с возможностью настройки стиля для активного таба и открытием по URL ссылке.

Инструкция:

(Развернуть)
Настройка генератора:
  1. Создайте в генераторе столько карточек-табов, сколько расположено табов у вас на сайте.
  2. Каждая карточка настраивается под каждый отдельный таб на сайте.

Настройка полей генератора:
  1. Укажите в Тильде уникальную ссылку для таба, эту же ссылку скопируйте в поле «Ссылка на Tab». Как добавить ссылку для кнопки.
  2. Чтобы в дальнейшем стилизовать активное состояние таба, добавьте ему класс. Название класса укажите в поле «CSS класс для Tab» Как добавить класс для элемента.
  3. В поле «ID блока который нужно отобразить» укажите ID блока (-ов), который (-ые) должен (-ны) появляться по нажатию на таб. Таб, который должен показывать этот блок, вы указывали в поле «Ссылка на Tab»
Дополнительные настройки:
  1. Если вам необходимо, чтобы какой-то из табов был открыт по умолчанию при загрузке сайта, укажите его ссылку в поле «Ссылка на Tab по умолчанию».
  2. Если вам необходимо, чтоб табы зависели от строки URL, то выберите параметр «Открывать Tab по URL». Данная функция полезна, если вы хотите, что пользователь попал на нужный таб, когда вы делитесь ссылкой.
ВАЖНО
Недавно (28 июня) Тильда удалили библиотеку jQuery из новых проектов, поэтому если вы создаете проект после 28 числа, то нужно добавить jQuery к себе в проект.
Для этого:
Нужно зайти в настройки сайта => Ещё => Выбрать "Подключить jQuery на страницах сайта" и переопубликовать все страницы в проекте.

Скопировать код
Количество воспользовавшихся