Что делает модификация

Закрепляет Zero Block слева, переносит контент рядом и выделяет выбранный пункт.

Стандартные блоки TildaСледуйте требованиям в инструкции.

Готовый кодГотовый фрагмент для опубликованной страницы.

Настройки в аккаунтеВыберите параметры и скопируйте результат.

Эффект проверяется на опубликованной странице. Используйте классы из инструкции и устанавливайте одну копию обработчика.

Настройте под свой сайт

Настройка	Назначение
Класс меню	Выберите значение в интерфейсе личного кабинета.
Класс контента	Выберите значение в интерфейсе личного кабинета.
Класс пунктов	Выберите значение в интерфейсе личного кабинета.
Ширина меню, px	Параметр 100–600
Мобильная граница, px	Параметр 640–1600
Текст пунктов	Выберите значение в интерфейсе личного кабинета.
Активный пункт	Выберите значение в интерфейсе личного кабинета.

Создайте менюСоздайте Zero Block с классом uc-sidebar. Пунктам меню задайте sidebar-items и обычные ссылки на страницы или якоря.
Подготовьте контентБлокам справа задайте uc-content. Код переносит эти блоки в общий контейнер; не добавляйте туда Header, Footer и T123.
Проверьте адаптациюШирина меню по умолчанию 300 px. На экранах меньше 1200 px боковой контейнер скрывается: подготовьте отдельное мобильное меню.
Получите готовый кодВ личном кабинете выберите параметры, нажмите «Сгенерировать код» и вставьте результат в T123 после подготовленных блоков. Опубликуйте страницу и проверьте на компьютере и телефоне.

Важно

Эффект проверяется на опубликованной странице. Используйте классы из инструкции и устанавливайте одну копию обработчика.

Где менять параметры?

После покупки откройте модификацию в личном кабинете. Выберите параметры и сгенерируйте готовый код без ручного редактирования.

Почему эффект не виден в редакторе?

Скрипт выполняется на опубликованной странице. Проверьте классы, тип блока и положение кода.

Пример отправляет данные?

Нет. Живой пример показывает интерфейс и механику. На вашем сайте используются подготовленные элементы Tilda.